Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
- v4.x
- v5.x
- v6.x
- Nightly
Current Behavior
The toast message in not announced by screenreaders even with aria-live='assertive'.
Tested with:
- Ionic 6.2.4
- NVDA 2022.2.2 on Chrome and Firefox
- JAWS 2022.2207.25 ILM on Chrome and Firefox
Expected Behavior
According to ARIA live regions spec:
aria-live="assertive" should only be used for time-sensitive/critical notifications that absolutely require the user's immediate attention. Generally, a change to an assertive live region will interrupt any announcement a screen reader is currently making. As such, it can be extremely annoying and disruptive and should only be used sparingly.
So I expect assertive toast message to be announced when toast is shown.
Steps to Reproduce
- Checkout v.6.2.4
- npm install in ./core
- npm start
- go to http://localhost:3333/src/components/toast/test/a11y using Chrome/Firefox
- launch NVDA/JAWS
- click on 'Present Assertive Toast'
- no announcement
I could provide a demo app using @ionic/angular, but I need to test the toast behaviour with JAWS (with NVDA on Chrome/Firefox is not working).
Code Reproduction URL
No response
Ionic Info
[WARN] You are not in an Ionic project directory. Project context may be missing.
Ionic:
Ionic CLI : 5.4.16
Utility:
cordova-res : not installed
native-run : not installed
System:
NodeJS : v14.17.1
npm : 6.14.13
OS : Linux 4.4
Additional Information
No response