Skip to content

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

Merged
XhmikosR merged 2 commits intotwbs:masterfrom
Lausselloic:v5-fix-aria-tab
Mar 28, 2020
Merged

v5 tabs - accessibility issue when using ul/li semantic#30382
XhmikosR merged 2 commits intotwbs:masterfrom
Lausselloic:v5-fix-aria-tab

Conversation

@Lausselloic
Copy link
Copy Markdown
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
Copy Markdown
Contributor

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

tabs - accessibility issue when using ul/li semantic

4 participants