Skip to content
React Spring Bottom Sheet
PrimitivesNIPE Open Source
Browse documentation
On this page

docs / accessibility

Accessibility

Modal semantics, naming, focus, and restoration are built in.

Name every sheet

Put Sheet.Title and, when useful, Sheet.Description inside the content. Generated IDs connect them to the dialog automatically. An aria-label is available when a visible title would duplicate the surrounding interface.

Modal sheets move focus inside on open, contain Tab navigation, close with Escape when dismissible, and restore focus when close state is entered. The visual exit then finishes independently.