Page 1 of 1

Accessibility issue of focusing icons in HTML5 Output.

Posted: Wed Oct 09, 2019 3:00 am
by Oraclefolks
Hi folks
We are facing focus issues on madcap icons in HTML5 output. This output is generated using Top-Nav Skin. We enabled left side TOC that uses Side Menu skin. Once you press Tab on the keyboard, the focus navigates and highlights each clickable element on that page. While navigating using the keyboard, focus skips the following icons:
Search icon on the home page:
Current Behavior: If you enter the text in the search input field and press tab then the focus skips the search icon and moves to the next hyperlink on the page.
Expected Behavior: The cursor should focus on the search icon.
Topic Toolbar button on topic page:
Current Behavior: On the topic page, after focusing breadcrumbs, the topic toolbar buttons are skipped and the focus is directly shifted to the next hyperlink on the page.
Expected Behavior: The cursor should focus on each of the present topic toolbar buttons.

Re: Accessibility issue of focusing icons in HTML5 Output.

Posted: Thu Nov 07, 2019 1:42 am
by PoojaTiwari
Hi,
I am not sure but try to figure out the issue. here is the things you need to check first.
1. Make sure Search icon is button or anchor link.
2. make sure toolbar button are not disabled.
focus will work on clickable elements. for more info see this https://stackoverflow.com/questions/159 ... eive-focus