keyboard accessibility: Side Navigation Menu Item *(focus)*?

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
Niels
Propeller Head
Posts: 89
Joined: Thu Dec 15, 2016 8:41 am
Location: Köln

keyboard accessibility: Side Navigation Menu Item *(focus)*?

Post by Niels »

To fulfill accessibility requirements in HTML5 output we need to highlight a menu item, when a user browses through the side navigation by the tab key. In the Side Navigation Skin you can specify a "Search Result Link (focus)" style which achieves what we need for search results but there is no such focus style for a "Side Navigation Menu Item".

Is there an easy way to set up such a style, e.g. by any kind of direct CSS tweaking?
Niels
Propeller Head
Posts: 89
Joined: Thu Dec 15, 2016 8:41 am
Location: Köln

Re: keyboard accessibility: Side Navigation Menu Item *(focu

Post by Niels »

Found a solution for anyone interested:
li a:focus, a.xref:focus, input.search-field:focus, button.button.needs-pie:focus {
box-shadow: 0 0 10px #e20074;
}
Have fun!
Post Reply