Skip to main content

WCAG Components

Work in progress – 2 components live

Component examples targeting WCAG 2.2 AA.

Keyboard interactions and semantics have automated tests. Full conformance requires manual checks as well. See accessibility status and limitations.

Components

Accessible Modal Dialog

WCAG 2.2 AA target

Focus trap, escape key handling, aria-labelledby, and proper role attributes. Native modal isolation and a labelled dialog.

dialogfocus-trapkeyboard

Keyboard-Navigable Dropdown

WCAG 2.2 AA target

Arrow keys, Enter, Escape, and Tab navigation. ARIA roles and states. No mouse required.

dropdownkeyboardaria

Custom Checkbox & Radio

WCAG 2.2 AA target
Coming soon

Screen reader-friendly, keyboard accessible, and visually custom. Native input with styled overlay.

formscheckboxradio

Skip Links & Landmarks

WCAG 2.2 AA target
Coming soon

Bypass blocks of content with skip links and proper landmark navigation for screen readers.

navigationlandmarksskip-links

Toast Notifications

WCAG 2.2 AA target
Coming soon

ARIA live regions, polite vs assertive announcements, and automatic dismissal with accessible controls.

notificationsaria-livealerts

More components coming soon: custom form controls, skip links, and toast notifications.