Opened 3 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 3 years ago by tj.vantoll

  • Keywords a11y added
  • Status changed from new to open
  • Summary changed from Collapsible tabs do not announce the expanded/collapsed state to screen readers to Tabs: 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 Mottie

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 scottgonzalez

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 set to fixed
  • Status changed from open to closed

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

Fixes #9622 Closes gh-1251

Changeset: f5e8041ebf1e0b36d67d1716a0cfec44692fabb8

comment:6 Changed 3 years ago by scottgonzalez

  • Milestone changed from none to 1.11.0
Note: See TracTickets for help on using tickets.