Skip to content


What component has

Keyboard support

Keyboard support
TabMoves focus to the next focusable element.
Shift + TabMoves focus to the previous focusable element.
EscCloses the side panel.

See detailed information about the keyboard support for the clickable elements in the Keyboard control guide.

Considerations for developers and designers

  • Make sure to use correct heading tags and hierarchy for titles in SidePanel.
  • To make the experience consistent for screen reader users, treat the darkened background of an overlay as disabled.


W3 modal dialog example has detailed information about the modal dialogs accessible behavior.

Other recommendations

See more accessibility recommendations in the common Accessibility guide.

Released under the MIT License.

Released under the MIT License.