March 17, 2019
HTML5 Tab Navigation to Interactive Elements
Comments
(2)
March 17, 2019
HTML5 Tab Navigation to Interactive Elements
Newbie 1 posts
Followers: 0 people
(2)

When publishing to Flash, tab navigation highlights the in-focus item with a yellow highlighted box.

When publishing to HTML5 only, there is no highlight box by default. After unchecking “Hide selection rectangle for slide items in HTML5” in the publishing settings, you get a box, but is a very faint blue.  and if your object is a rectangle with a dark border, you cannot determine if you are on that item or not. Even the highlights on the Captivate playbar are quite muted.

1) can the highlight thickness and color be configured to match the Flash implementation?

2 Comments
2019-03-18 16:50:43
2019-03-18 16:50:43

I’m not sure if there’s a setting in Captivate or Animate (formerly Flash) that can highlight the box for you. There is within the CSS. It would look something like this:
*:focus {
outline-width: 4;
}

The above code when added to CSS would set what ever has the focus to have an outline of 4 pixels. This is a little dangerous as every object will have an outline. You can specify an object by using code like:
input.firstname:focus {
outline-width: 0;
}

So now only the text input with the name “firstname” will have the 4 pixel outline.

I’m not sure if there’s an easier way to do this so I’m open to learning a new trick.

 

Like
2019-03-18 08:43:54
2019-03-18 08:43:54

I cannot really help you with this question. However I know that the highlight box is not always blue (which is the case for Chrome) but depends on the used browser. I wonder if it is a setting in the Browser itself? Hope someone pops in to give you the appropriate answer.

Like
Add Comment