NVDA not reading tl;dr when in span elements (Windows)
-
Hi all,
I have been scratching my head for a while and cannot NVDA (Windows) to read the tl;dr label by using aria-label in the span. This is my HTML:<div class="myClass"> <input type="checkbox" name="mycheckbox" id="toggle" onclick="togglelongText()"aria-label="tldr"> <label for="toggle" aria-label="tldr"><span class="active" aria-label="tldr">tl;dr</span> <span class="toggleshape"></span><span class="inactive" aria-hidden="true">tl;dr</span></label> </div>
It works fine on Mac with Voice Over, but I got stuck on Windows and despite the fact I have tried a few things (e.g. aria-labelledby, etc), I stumbled upon major issues with aria-label in div and span element:
https://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_an_invisible_label
Has anyone come across this on WordPress? How did you resolve it? Really keen to hear what are the alternative approaches for this to work with NVDA.
Thank you so much,
N.
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘NVDA not reading tl;dr when in span elements (Windows)’ is closed to new replies.