Prism Docs

Accessibility

Prism is built with accessibility (a11y) as a core principle.

Keyboard Navigation

All interactive components support full keyboard control:

  • Tab: Navigate between focusable elements.
  • Enter / Space: Activate buttons, checkboxes, and switches.
  • Escape: Close Overlays (Modals, Drawers, Tooltips).
  • Arrow Keys: Navigate lists (Select, Menu) and Tabs.

WAI-ARIA Standards

Components utilize ARIA attributes to ensure compatibility with screen readers:

  • role="dialog" and aria-modal="true" on Dialogs.
  • aria-expanded and aria-controls on Accordions.
  • aria-checked on Switches and Checkboxes.