Toast
Keyboard
Make any action or close buttons reachable and usable with the keyboard. Check where focus goes when the notification disappears.
Semantics
Keep the message brief and allow enough time to read it. Give the close button an accessible name.
Checklist
- Announce important results to screen readers and avoid repeating notifications unnecessarily.
- Give close and action buttons clear labels and make them usable with the keyboard.
- Keep important success or failure results on the page after the toast disappears.
For contrast, zoom and screen reader checks, see the common accessibility checklist.