Skip to content

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.