Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v5 tabs - accessibility issue when using ul/li semantic #30382

Merged
merged 2 commits into from Mar 28, 2020

Conversation

Lausselloic
Copy link
Contributor

v5 fix #30338 add aria-role presentation on li element when ul element has role tablist and remove dropdown from visual tests as they've been removed from doc

Related to #30381 fix for V4

…ement has role tablist and remove dropdown from visual tests as they've been removed from doc
@ffoodd
Copy link
Member

ffoodd commented Mar 25, 2020

LGTM, that's the pattern i'm used to see in van11y's tabpanel for example, and what's recommended by Heydon Pickering in Inclusive Design Patterns' "Tabbed interface".

Other ways around are to not use a list at all (eg. buttons in a div), or to handle events on the list items themselves (and setting role="tab" on lis) — both of those leading to major markup changes.

@patrickhlauke any opinion on this?

@XhmikosR XhmikosR added this to Inbox in v5 via automation Mar 28, 2020
@XhmikosR XhmikosR merged commit 7ce29d7 into twbs:master Mar 28, 2020
v5 automation moved this from Inbox to Shipped Mar 28, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
v5
  
Shipped
Development

Successfully merging this pull request may close these issues.

tabs - accessibility issue when using ul/li semantic
4 participants