Opened 4 years ago

Closed 3 years ago

Last modified 3 years ago

#9622 closed bug (fixed)

Tabs: Collapsible tabs do not announce the expanded/collapsed state to screen readers

Reported by: dylanb Owned by:
Priority: minor Milestone: 1.11.0
Component: ui.tabs Version: 1.10.3
Keywords: a11y Cc:
Blocked by: Blocking:

Description

There is no collapsed/expanded state being maintained on the tabs when the collapsible option is enabled. This means that a screen reader user cannot determine what the expanded/collapsed state is and might have difficulty using the page/application where the tab widget is being used.

Use aria-expanded="true" or aria-expanded="false"

Change History (6)

comment:1 Changed 4 years ago by tj.vantoll

Keywords: a11y added
Status: newopen
Summary: Collapsible tabs do not announce the expanded/collapsed state to screen readersTabs: Collapsible tabs do not announce the expanded/collapsed state to screen readers

Confirmed on VoiceOver. aria-expanded is present but it's on the content panels, not the headers. This is likely the same problem as #9407 for accordion.

comment:2 Changed 3 years ago by Rob Garrison

In version 1.10.4, I am seeing a similar problem with the accordion. When the header is collapsed, the aria-expanded attribute remains set as true.

Demo: http://fiddle.jshell.net/GE9Rc/1/

comment:3 Changed 3 years ago by Scott González

Please file a separate issue for accordion.

comment:4 Changed 3 years ago by petersendidit

comment:5 Changed 3 years ago by David Petersen

Resolution: fixed
Status: openclosed

Tabs: Move aria-expanded from active panel to active tab

Fixes #9622 Closes gh-1251

Changeset: f5e8041ebf1e0b36d67d1716a0cfec44692fabb8

comment:6 Changed 3 years ago by Scott González

Milestone: none1.11.0
Note: See TracTickets for help on using tickets.