CODEWITHSUNDEEP
accessibility
Zeld
Zeld

Reputation: 33

Accessibility and tab button

I have a question regarding the accessibility rules and the use of the keyboard. In a site that I created it is possible to navigate almost the entire site using the TAB key. The only exception is a menu, where you have to use the arrows once you're inside. I share the image of the site. enter image description here On this site I can get to the 'Home tab' using the TAB button, at this point to switch to the other tabs (profile, images, upload) I have to use the keyboard arrows because if I press TAB I end up on Button1 below. At this point I wonder, is the site to be considered accessible or not? Do I need to make all tabs reachable via the TAB key?

Upvotes: 0

Views: 915

Answers (1)

Julianna
Julianna

Reputation: 190

Answering for keyboard-only users

What you've described is fine. If you can tab to the menu, and then use the arrow keys to navigate within tabs, that's keyboard access. Will users know to interact using arrow keys? It's very common to interact with tabs, menus, and lists using the arrow keys, so I believe a user would consider that intuitive. Also, the left/right keyboard navigation is recommended by the W3C's WAI-ARIA Authoring Practices Guide for the Tabs Pattern.

So, it's both possible and intuitive for keyboard-only users to interact with the whole page (per your description).

Answering for screen reader users Using the arrow keys are fine and expected, assuming that the tabs also have the proper roles (role=tab, aria-selected)

Upvotes: 0

Related Questions