Skip to content

Accessibility

The default path is the accessible path.

Components target WCAG 2.2 AA and use semantic HTML, visible keyboard focus, and platform behavior before custom interaction.

Keyboard and focus

Every action is reachable without a pointer. Dialog returns focus to its trigger; menus use arrow keys, Home, End, and typeahead; tabs support automatic and manual activation.

Color and state

Text and interactive boundaries meet AA contrast in both themes. Errors, success, selection, and disabled states combine color with copy, shape, native state, or an icon.

Motion

Animation is brief and functional. Under prefers-reduced-motion: reduce, movement collapses to an effectively instant state change while content remains understandable.

Content

Links describe their destination, headings retain hierarchy, images require contextual alternative text, and Sticker requires visible source attribution.

Overlays

Dialog uses the modal dialog API. Popover and DropdownMenu use the Popover API with controller fallbacks. Tooltip content is supplementary and is exposed through aria-describedby.

Testing contract

  • Automated axe scans in light and dark themes at mobile and desktop widths.
  • Keyboard Playwright scenarios for every stateful pattern.
  • Forced-colors and reduced-motion assertions.
  • Manual screen-reader review before a stable 1.0 release.