Tabs do not conform to W3 Accesibility pattern

[julczka]

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

1.6.0-rc

Bug summary

Tabs provided by UI library do not filfill tabs pattern provided by W3C guidlines

Specifics

Each tab is "tabbable" with the Tab key. According to the pattern you should be able to switch between the tabs with arrow keys (left-right or up-down) depending on the orientation.

Steps to reproduce

use tabs with keyboard

Expected result / actual result

You should be able to swithc between the tabs with arrow keys. You should be able to pick an active tabs in two ways: automartic (tab becomes active when it recieves focus) and manual (tab becomes active when is selected with Space or Enter)

[nielslyngsoe]

Hi @julczka

Sounds good to me, feel free to implement this feature :-)

[jonnymuir]

Hi @julczka & @nielslyngsoe

I have an outstanding pull request #996 for making the "more" functionality accessible on tabs on the issue #987

Once this is resolved I would love to pick this one up and implement the keyboard arrow keys as per the w3c guidelines.

[jonnymuir]

Hi all. I would like to pick this up and aim to have it done in the next week or two. I even intend to use it as the subject for a talk on accessible tabbed interfaces… watch this space!

[nielslyngsoe]

Hi @jonnymuir. That is super interesting. I'm looking forward to hear what you figure out, and as well notice if you get ideas for how to make it work from a general perspective let us know. As in if some other things needs to change to make this work from a A11Y and UX perspective.

Thanks in advance