WCAG Components

Work in progress – 1 component live

Accessible component examples built from scratch with WCAG 2.1 AA+ compliance.

Full implementations with tests. Screen reader-friendly. Keyboard navigable. Actually compliant.

Components

Focus trap, escape key handling, aria-labelledby, and proper role attributes. Works perfectly with screen readers.

dialogfocus-trapkeyboard

Keyboard-Navigable Dropdown

WCAG AA+
Coming soon

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

dropdownkeyboardaria

Custom Checkbox & Radio

WCAG AA
Coming soon

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

formscheckboxradio

Skip Links & Landmarks

WCAG AA+
Coming soon

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

navigationlandmarksskip-links

Toast Notifications

WCAG AA
Coming soon

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

notificationsaria-livealerts

More components coming soon: keyboard-navigable dropdowns, custom form controls, skip links, and toast notifications.