-
Type:
Improvement
-
Resolution: Unresolved
-
Priority:
Major
-
Affects Version/s: 2.3.0
-
Component/s: UI
-
Environment:Technology Used: NVDA (ver. 2016.1), Firefox (ver. 48.0.2) on Windows 10 PC
Problem:
Although it is visually clear that “Members” and “Privileges,” are section tabs, the screenreader user simply hears these as links.
Solution:
Use aria-role=”tab” for each of the tabs (circled) and use JavaScript or jQuery to change the attribute aria-selected=”true” as each tab is selected and change not-activated tabs to aria-selected=”false”. This will inform the screenreader user that these are tabs and when each tab is selected or non-selected.
See http://accessibility.athena-ict.com/aria/examples/tabpanel2.shtml for more information and an example of how this would be implemented.