angular.js icon indicating copy to clipboard operation
angular.js copied to clipboard

A11y: VoiceOver says "uncheck checkbox" when you check a checkbox using VO-Space

Open OlsonAndrewD opened this issue 7 years ago • 3 comments

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.

OlsonAndrewD avatar Aug 24 '17 23:08 OlsonAndrewD

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.

Narretz avatar Aug 25 '17 18:08 Narretz

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.

OlsonAndrewD avatar Aug 31 '17 20:08 OlsonAndrewD

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.

asnow003 avatar Jul 29 '19 21:07 asnow003