Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility issues with ion-toast component #22333

Closed
mastergogo opened this issue Oct 16, 2020 · 2 comments · Fixed by #24937
Closed

Accessibility issues with ion-toast component #22333

mastergogo opened this issue Oct 16, 2020 · 2 comments · Fixed by #24937
Labels
a11y Accessibility related issues package: core @ionic/core package type: bug a confirmed bug report

Comments

@mastergogo
Copy link

It has been observed that, whenever ion-toast is triggered by a tooltip or by a button, when toast appears screen readers such as Android's talk back and iOS's Voice over, they aren't able to announce the toast content. it can be resolved by two ways, toast should either have a aria live-region in it so that the moment it appears screen reader can announce the content, or the other way would be to move focus to the toast container so screen reader user can access the toast content.

In my ionic app, we are trying to move the focus to programmatically to toast so screen readers can access the toast content, however it works only for android, it does not work for iOS for some reason, therefore the common solution we are trying in aria-live region. could this implemented within the toast itself so we get it out of the box?

Issue can be reproduced with this link:

  1. open the above link and navigate using talk back or voice over to the button
  2. double tap on the button and toast will appear however, screen reader user is not made aware of that

Let me know if more info is needed.

Thanks,
Amit

@ionitron-bot ionitron-bot bot added the triage label Oct 16, 2020
@brandyscarney brandyscarney added this to the a11y milestone Nov 12, 2020
@brandyscarney brandyscarney added package: core @ionic/core package type: bug a confirmed bug report labels Nov 12, 2020
@ionitron-bot ionitron-bot bot removed the triage label Nov 12, 2020
@liamdebeasi liamdebeasi added the a11y Accessibility related issues label Jul 19, 2021
@liamdebeasi liamdebeasi removed this from the a11y milestone Jul 19, 2021
@liamdebeasi liamdebeasi added type: bug a confirmed bug report and removed type: bug a confirmed bug report labels Feb 18, 2022
@liamdebeasi
Copy link
Contributor

Thanks for the issue. This has been resolved via #24937, and a fix will be available in an upcoming release of Ionic Framework.

@ionitron-bot
Copy link

ionitron-bot bot commented Apr 14, 2022

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Apr 14, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
a11y Accessibility related issues package: core @ionic/core package type: bug a confirmed bug report
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants