Toast notifications now announced properly by screen reader #3391
+41
−20
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #3382
Changes:
I updated the time limit for both toast notifications ("Sketch Saved" and "AutoSave Enabled"). Earlier, the "Sketch Saved" notification used to disappear very quickly, within just 2-3 seconds. Now, both notifications remain visible for 10-12 seconds.
I added an ARIA live region with the status set to "assertive", ensuring that as soon as a toast notification appears, screen readers announce it immediately.
Screen.Recording.2025-03-13.at.4.17.38.PM.mov
This video shows the duration for which the "Sketch Saved" and "AutoSave Enabled" notifications remain visible on the screen.
This image shows the announcement made by the screen reader.
I have verified that this pull request:
npm run lint
)npm run test
)develop
branch.Fixes #123