Component Library
Explore our collection of 17+ fully accessible React components built with WCAG 2.1 compliance in mind. Each component includes comprehensive keyboard navigation, screen reader support, and follows accessibility best practices.
Getting Started
All components are available in the @a13y/react package. Install it using:
pnpm add @a13y/reactThen import components as needed:
import { AccessibleTooltip, AccessibleToggle } from '@a13y/react';Component Categories
High Priority
Essential UI components for common use cases
- • Tooltip
- • Toggle
- • Toast
- • Accordion
Forms & Controls
Form elements with built-in validation and accessibility
- • Checkbox Group
- • Radio Group
- • Combobox
Navigation
Components for site navigation and wayfinding
- • Breadcrumb
- • Pagination
- • Skip Links
Advanced
Complex components with rich interactions
- • Date Picker
- • Tree View
- • Table
- • Carousel
- • Drawer
Key Features
WCAG 2.1 Compliant
All components meet Level AA accessibility standards
Keyboard Navigation
Full keyboard support with intuitive shortcuts
Screen Reader Support
Proper ARIA attributes and semantic HTML
Reduced Motion
Respects user preferences for animations
TypeScript Support
Full type definitions included
Zero Dependencies
Minimal bundle size with no external dependencies