NEW193426
AX: VoiceOver fails to read out checkbox label on mobile browsers 
https://bugs.webkit.org/show_bug.cgi?id=193426
Summary AX: VoiceOver fails to read out checkbox label on mobile browsers
iamjohnnywang+lifestyle
Reported 2019-01-14 19:00:42 PST
Been running into some screenreader issues with Mobile Chrome/Safari + Voiceover. Thought it might have been my code at first, but encountered the same problems running the following code on a page with no other JS/CSS loaded: <body> <input id="test" type="checkbox" name="test" value="foo"> <label for="test" id="test-label">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</label> <button id="button" onclick="(function() { document.getElementById('test').focus(); })()">test</button> </body> Expected Behavior: With VoiceOver on, tapping the button would set focus to the checkbox and read out the entire label. Actual Behavior: If Voiceover is on and you tap the button, focus will get set to the checkbox, and the label will be read the first time around, but on subsequent button taps, the label is only partially read out before it gets abruptly cut off, with the focus sometimes (oftentimes) moving up to the address bar.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2019-01-14 19:03:25 PST
<rdar://problem/47273915>
Note You need to log in before you can comment on or make changes to this bug.