microsoft / tabster

Web Application Keyboard Navigation Tools

Home Page:https://tabster.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

aria-hidden-focus rule is broken by TabsterDummyInput element

sarahhouse opened this issue · comments

While testing our product that uses tabster, the Accessibility Insights fast pass failed because the aria-hidden-focus rule is being broken by one of tabster's components. Our component is a Toolbar that uses tabster to enable circular arrow navigation in the toolbar, and the element breaking this rule is a that gets added above and below the children of the toolbar.

According to the rule, elements that have "aria-hidden" = true should not be focusable. The element has aria-hidden=true and tabindex=0, which are contradictory. Looks like this is being set here:

input.setAttribute(Types.TabsterDummyInputAttributeName, "");
.

Link to the broken rule: https://accessibilityinsights.io/info-examples/web/aria-hidden-focus/