Developer What component has
Keyboard support
| Key | Function |
|---|---|
Tab | Moves focus to the next focusable element. |
Shift + Tab | Moves focus to the previous focusable element. |
Esc | Closes 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.
Resources
W3 modal dialog example has detailed information about the modal dialogs accessible behavior.
Other recommendations
See more accessibility recommendations in the common Accessibility guide.