Accessibility issue of focusing icons in HTML5 Output.

This forum is for all Flare issues not related to any of the other categories.

Accessibility issue of focusing icons in HTML5 Output.

Postby Oraclefolks on Wed Oct 09, 2019 3:00 am

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.
Oraclefolks
Jr. Propeller Head
 
Posts: 2
Joined: Tue Oct 01, 2019 2:20 am

Re: Accessibility issue of focusing icons in HTML5 Output.

Postby PoojaTiwari on Thu Nov 07, 2019 1:42 am

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/1599660/which-html-elements-can-receive-focus
Madcap Certified Advanced Developer
:flare:Image
PoojaTiwari
Jr. Propeller Head
 
Posts: 4
Joined: Thu Sep 12, 2019 10:26 pm


Return to Flare's General Discussion

Who is online

Users browsing this forum: No registered users and 5 guests