What steps will reproduce the problem?
Anchors with expansive off screen text (added via spans) are ignored
Example HTML:
<a href="#"> <span class="hidden">Slide </span>3<span class="hidden"> of
4</span></a>
Spoken output:
"Slide" *pause* "Internal link"
What is the expected output? What do you see instead?
Spoken output expected:
"Slide 3 of 4" *pause* "internal link"
What version of the product are you using? On what operating system?
Vox - 1.23.0, Chrome - Version 23.0.1271.97, Windows 7
Please provide any additional information below.
The HTML example provided is part of an accessible carousel component we have
added for a site we are building. ChromeVox appears to be only reading what is
contained within the first span element, then ignoring the rest of its parent
anchor element.
We are using the spans to provide a more expansive description (context) of the
carousel link number to screen readers, and positioning it off screen so as not
to impact the visual design. It seems ChromeVox, gets confused when we use an
element within the anchor element.
I realise there is ARIA alternative such as aria-describedby, but these are
sadly not an option for our clients as browser support is lacking for them.
Ping me back if you need further details, or assistance in testing the fix.
Original issue reported on code.google.com by darren.m...@gmail.com on 21 Dec 2012 at 5:14
Original issue reported on code.google.com by
darren.m...@gmail.comon 21 Dec 2012 at 5:14