Appearance
Accessibility
Screen readers
As soon as a notification is displayed, its message and title (if any) are announced by screen readers.
Just make sure to set a duration
that is in line with the length of the message.
Keyboard navigation
By default, built-in notifications can't be immediately focused using Tab
.
This is intentional as I don't think altering the tab order for something that has no actions besides dismissal can benefit the user.
The notification will simply dismiss automatically once its duration is over.
Custom Components
When using custom components, the scenario might change. Your notification can have multiple actions and you should immediately allow the user to navigate it using the keyboard.
Notivue ships with a zero-config NotivueKeyboard component that can be used to enable out-of-the-box keyboard focus management and keyboard navigation on custom components with multiple actions.