Tab section and accessibility (keyboard navigation)

Hello,

I’m using the tab section on our home page, however, I run into problems when I try to navigate the tab section with my keyboard to test for accessibility.
When I’m on a tab, I can’t seem to be able to access the links within that tab unless I go through all tabs. Only once I’ve gone through all the tabs, can I access the content of each tab. Another problem is that once I’ve gone through the content of the first tab, the tabs disappear completely so we don’t know in which tab we are anymore as we tab through the links.

What I’ve seen on other sites it that when you press on tab, it goes into the content of the tab and when you press on next (->), it goes to the next tab. It also seems to be what is recommended by the W3C.
See : https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html
And: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role

Is there any chance you might implement that in the future?

I’ve put a link to our site so you can test it yourself. I’ve also put a link to a site where the tab section is accessible (but the links above show that as well).

Thank you!

• This topic was modified 5 years, 2 months ago by darryllevine.