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

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

Postby Niels on Mon Mar 18, 2019 10:08 am

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: 80
Joined: Thu Dec 15, 2016 8:41 am
Location: Köln

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

Postby Niels on Fri Mar 22, 2019 3:18 am

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!
Niels
Propeller Head
 
Posts: 80
Joined: Thu Dec 15, 2016 8:41 am
Location: Köln


Return to Web-based Outputs

Who is online

Users browsing this forum: No registered users and 4 guests