Search and Top Navigation
#9407 closed bug (fixed)
Opened June 27, 2013 04:02PM UTC
Closed October 28, 2013 02:32PM UTC
Last modified November 26, 2013 08:57PM UTC
Accordion: aria-expanded attribute on wrong element
| Reported by: | johumber | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.10.4 |
| Component: | ui.accordion | Version: | 1.10.3 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Steps to reproduce:
1) Open http://jqueryui.com/resources/demos/accordion/default.html in IE9+ with JAWS 12+.
2) This will display the collapsible accordion with Section1 open.
3) Navigate the accordion listening for expanded/collapsed information.
4) Open http://www.oaa-accessibility.org/examplep/accordian1/ in IE9+ with JAWS 12+
5) Navigate the accordion listening for expanded/collapsed information. (Note: I am not for their use of image based "expanded/collapsed" graphics with alt attributes because the information is repeated. Please stick with the span based indicators.)
According to the WAI-ARIA 1.0 Authoring Practices (http://www.w3.org/TR/wai-aria-practices/#accordion), "An accordion should manage the expanded/collapsed state of each TAB by maintain its aria-expanded state."
The aria-expanded attribute should be on the HTML element where role="tab" not role="tabpanel"
This will supply the expanded/contracted information to all AT when navigating the accordion.
Attachments (0)
Change History (7)
Changed June 28, 2013 09:25PM UTC by comment:1
Changed July 02, 2013 01:08PM UTC by comment:2
I tested with NVDA 2013.1.1 and it does announce the expanded and collapsed information on the http://www.oaa-accessibility.org/examplep/accordian1/ example.
Changed July 09, 2013 12:48PM UTC by comment:3
| status: | new → open |
|---|---|
| summary: | aria-expanded attribute on wrong element in Accordion → Accordion: aria-expanded attribute on wrong element |
Confirmed this on JAWS and VoiceOver.
Changed October 28, 2013 02:32PM UTC by comment:4
| resolution: | → fixed |
|---|---|
| status: | open → closed |
Accordion: moving aria-expanded from active tabpanel to active tab. Fixed #9407 - Accordion: aria-expanded attribute on wrong element
Changeset: f16d0c7e267794aa20411581b15870d9babd7930
Changed October 28, 2013 02:34PM UTC by comment:5
| milestone: | none → 1.11.0 |
|---|
Changed November 26, 2013 08:54PM UTC by comment:6
Accordion: moving aria-expanded from active tabpanel to active tab. Fixed #9407 - Accordion: aria-expanded attribute on wrong element
(cherry picked from commit f16d0c7e267794aa20411581b15870d9babd7930)
Changeset: d21e8a6964d80a32cdb9773aa364141a2492dc5a
Changed November 26, 2013 08:57PM UTC by comment:7
| milestone: | 1.11.0 → 1.10.4 |
|---|
The documentation on the attribute does seem to indicate that it is intended to be applied to the headers and not the panels.
VoiceOver did not give me useful information regardless of where I placed the attributes, but that might just be my VoiceOver ignorance. I don't have access to JAWS at the moment but I should be able to take a look next week.