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.