angular.js
angular.js copied to clipboard
A11y: VoiceOver says "uncheck checkbox" when you check a checkbox using VO-Space
I'm submitting a ...
- [x] bug report
- [ ] feature request
- [ ] other (Please do not submit support requests here (see above))
Current behavior:
VoiceOver says "uncheck checkbox" the first time you check a checkbox using VO-Space. This only happens if the checkbox has an ng-model
attribute.
Expected / new behavior: The first time you check a checkbox using VO-Space, VoiceOver should say "check checkbox." This is what happens in Safari.
Minimal reproduction of the problem with instructions: CodePen demo and instructions
AngularJS version: 1.6.4, 1.6.6, snapshot
Browser: Chrome 60 macOS 10.12.6
Anything else:
In my full web app, VoiceOver consistently says the opposite of what it should, even after checking/unchecking multiple times. For some reason in the CodePen it only says it wrong the first time I interact with a checkbox, and it corrects itself after that.
Also, this might be related to a Chromium bug report.
Have you included the ngAria module? In your codepen, you have only included the javascript file, but not enabled the module as far as I can see.
Oops, sorry about that! I have updated the CodePen. The ngAria module seems to have fixed one of the checkboxes, but there is still a failing scenario.
I am also seeing this as well still. I noticed that if I just hit the "space" bar instead of control-option-space it announces it correctly. Maybe something with that key combination is reversing the value before announcing.