search

pa11y / pa11y-dashboard

Pa11y Dashboard is a web interface which helps you monitor the accessibility of your websites
https://pa11y.org
GNU General Public License v3.0
983 stars 181 forks source link

Tabs Component Keyboard Behaviour #291

Open cmuncharaz opened 2 years ago

cmuncharaz commented 2 years ago

The results page includes a tabs component to show the list of errors, warnings, notices, and ignored rules. In the current implementation, each tab is focused pressing the TAB key.

This is not the expected keyboard behaviour according to the tabs design pattern described in the WAI-ARIA Authoring Practices. The WAI-ARIA guide recommends to move focus between tabs using the arrow keys.

However, there are some opinions against this recommended behaviour and to support the current implementation on Pa11y Dashboard. Paul J. Adam wrote a post on ARIA Tab Panel Accessibility, published in the Deque blog. Paul thinks that most users would expect tabs to be TABable.

Should the tabs component on Pa11y Dashboard adhere to the recommended behaviour described by the WAI-ARIA Authoring Practices? Is it okay to keep TABable tabs?

Leddfoot commented 1 year ago

Is it possible to have both? That would satisfy both opposing views.