Skip to content
This repository

jQuery Mobile lists no longer support ARIA / Voiceover #3238

Closed
dhaywood opened this Issue December 08, 2011 · 9 comments

5 participants

Dean Haywood Mat Marquis Kin Blas Mike Gifford ezufelt
Dean Haywood

As mentioned in this document in StackOverflow ( http://stackoverflow.com/questions/7916052/jquery-mobile-listview-disabled-on-voiceover ), lists in jQuery Mobile no longer provide ARIA / Voiceover support. As the document also suggests, changing the code from:
buttonInner.setAttribute("aria-hidden", "true");
to:
buttonInner.setAttribute("aria-hidden", "false");
in line 6192 of jQuery mobile 1.0 remedies the problem and ARIA Voiceover support for lists is restored.

This was tested using jQuery Mobile 1.0 with jQuery 1.6.4 in Safari 5.1.2.

Fix #2594 ( 1f4d946 ) to prevent button text from being read twice looks like it may be related to disabling of ARIA support for lists.

Kin Blas

@UncleDean

Have you tried undoing that change? Does it get things working again? Fyi, I changed that code a bit since @Wilto added that int he patch you cited above. Here's the changes I made to that code for 1.0:

https://github.com/jquery/jquery-mobile/commit/86e4e6fb43006b80dd9fff54d52cef69daca238a#js/jquery.mobile.buttonMarkup.js

I basically DOM-ified the code to speed things up a bit.

Dean Haywood
Mike Gifford

I have confirmed this is an issue and that changing the value to false fixes it. What has to happen to see this in the next release?

ezufelt

Confirmed that the problem exists, and tested mgifford's patched version, which fixes the problem. FF8 / JAWS13

ezufelt

As this issue makes the list view completely non-functional for some assistive technology users, I would consider it critical. What, if anything, can I do to help move a fix along?

Mat Marquis

I’ll take a look at this today. We applied aria-hidden=true to that text because we were injecting more detailed descriptive text for the sake of assistive tech—if that’s no longer happening for some reason, it could be evidence of a larger issue.

Mike Gifford

Thanks! Great to hear that there were plans for more descriptive text. I tested in VoiceOver btw.

Mat Marquis

Looks like the markup structure had changed after all. aria-hidden="true" was wrapping around both the heading and the additional “click to [expand/collapse]” text—so I’m removing that attribute as we speak. This fix will be in 1.0.1, but no harm in making that change in your 1.0 instances. Thanks guys!

Mat Marquis Wilto closed this issue from a commit December 15, 2011
Mat Marquis Fixes #3238 — Seems markup structure was changed at some stage, makin…
…g the ‘aria-hidden=true’ attribute a little over-reaching. Removed.
d05ba20
Mat Marquis Wilto closed this in d05ba20 December 15, 2011
Dean Haywood

Thanks for the rapid correction!

Gabriel "_|Nix|_" Schulhof gabrielschulhof referenced this issue from a commit in gabrielschulhof/jquery-mobile December 15, 2011
Mat Marquis Fixes #3238 — Seems markup structure was changed at some stage, makin…
…g the ‘aria-hidden=true’ attribute a little over-reaching. Removed.
cfb6343
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.