#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 9 years ago by
Keywords: | a11y added |
---|---|
Status: | new → open |
Summary: | Collapsible tabs do not announce the expanded/collapsed state to screen readers → Tabs: Collapsible tabs do not announce the expanded/collapsed state to screen readers |
comment:2 Changed 9 years ago by
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
.
comment:4 Changed 9 years ago by
Pull request with the fix: https://github.com/jquery/jquery-ui/pull/1251
comment:5 Changed 9 years ago by
Resolution: | → fixed |
---|---|
Status: | open → closed |
Tabs: Move aria-expanded
from active panel to active tab
Fixes #9622 Closes gh-1251
Changeset: f5e8041ebf1e0b36d67d1716a0cfec44692fabb8
comment:6 Changed 9 years ago by
Milestone: | none → 1.11.0 |
---|
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.