Skip to content
GitLab
Closed
Issue created by Patrick H. Lauke@patrickhlaukeContributor

make dynamic tabs actually ARIA 1.1 practices compliant

A breaking change, but would like to squeeze this into v5 if we can: turn dynamic tabs into actual "Tabs with automatic activation" (see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html and https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel)

  • only the currently selected/active tab receives focus, all other tabs are not focusable (tabindex="-1" added dynamically to them)
  • cursor keys cycle between tabs, setting both the tabindex="0" and aria-selected="true" to the newly active tab (and tabindex="-1" / aria-selected="false" on the now not selected one)
  • mouse behavior can remain as now (though need to flip tabindex accordingly)
  • document this in the docs, referencing specifically the "automatic activation" route (so authors aren't confused/don't wonder why using SPACE or whatever does nothing)