Skip to main content

Search and Top Navigation

#9622 closed bug (fixed)

Opened October 26, 2013 09:03PM UTC

Closed May 19, 2014 03:36PM UTC

Last modified May 19, 2014 03:37PM UTC

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"

Attachments (0)
Change History (6)

Changed October 28, 2013 03:36AM UTC by tj.vantoll comment:1

keywords: → a11y
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.

Changed February 01, 2014 07:57PM UTC by Mottie comment:2

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/

Changed February 01, 2014 08:06PM UTC by scottgonzalez comment:3

Please file a separate issue for accordion.

Changed May 19, 2014 03:04AM UTC by petersendidit comment:4

Changed May 19, 2014 03:36PM UTC by David Petersen comment:5

resolution: → fixed
status: openclosed

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

Fixes #9622

Closes gh-1251

Changeset: f5e8041ebf1e0b36d67d1716a0cfec44692fabb8

Changed May 19, 2014 03:37PM UTC by scottgonzalez comment:6

milestone: none1.11.0