toast: announces "remove: " before "Alert", the toast, and toast content

angular / material

Material design for AngularJS

https://material.angularjs.org/

MIT License

16.54k stars 3.39k forks source link

toast: announces "remove: " before "Alert", the toast, and toast content #10853

Open EamonKavanagh opened 7 years ago

EamonKavanagh commented 7 years ago

Actual Behavior:

When an mdToast dialog pops up, it's announced twice by the screen reader. The transcript is:

[text in mdToast] Alert [text in mdToast] Alert

The text of the toast and alert only announced once.

CodePen (or steps to reproduce the issue): *

See the demo on the Angular Material page here: https://material.angularjs.org/latest/demo/toast
Tested using ChromeVox 53.0.2784.5 and we've had reports of this using JAWS as well.

AngularJS Versions: * 1.6.4-local+sha.617b36117

Additional Information:

Chrome 59.0.3071.115

Splaktar commented 6 years ago

I am only seeing the Toast announced once with Version 68.0.3440.87 (Official Build) beta (64-bit). However, I am hearing "removed: " as the first thing when a toast is displayed.

I am not hearing "remove: " announced with VoiceOver on macOS.

Splaktar commented 6 years ago

This issue doesn't mention the version of AngularJS Material where this original issue was found. I am guessing 1.1.3 or 1.1.4?

Splaktar commented 6 years ago

This looks like a Chromevox bug so I've opened https://bugs.chromium.org/p/chromium/issues/detail?id=873324 to track this issue.

Splaktar commented 6 years ago

Latest update from the Chrome team was to remove the use of aria-relevant or to change it from aria-relevant="all" to aria-relevant="additions text". However, doing this on macOS causes VoiceOver to not announce the toast after the first time it is opened. On Chromevox, it's worse, this causes toasts to not be announced at all.

I've provided feedback to them and requested that they reopen the bug.