A living library of ARIA-ready components that drop into any React, Vue, or Svelte codebase — WCAG 2.2 AA out of the box. No retrofitting. No audit panic.
84 components. Every one AA.
From a single button to a full data table — every component ships with complete ARIA attributes, keyboard support, and screen reader announcements.
Atomic
Buttons, inputs, toggles — the six most common WCAG failure points, solved.
Button
Focus ring, contrast 7:1, keyboard Enter/Space
Toggle Switch
ARIA checked state, live region announcement
Text Input
Required indicator, error states, label linking
Checkbox
Indeterminate state, group labeling, keyboard
Select / Dropdown
Arrow key navigation, type-ahead, ARIA expanded
Icon Button
Visible label fallback, tooltip on focus
Molecular
Modals, date pickers, command palettes — complex interactions, zero ARIA debt.
Modal / Dialog
Focus trap, Escape to close, scroll lock, return focus
Date Picker
Full keyboard calendar navigation, screen reader dates
Command Palette
Live search results, aria-activedescendant
Tooltip
Hover + focus trigger, 1.5s delay, keyboard dismiss
Tabs
Arrow key switching, aria-selected, panel linking
Patterns
Data tables, navigation drawers, full-page flows — enterprise-grade accessibility.
Data Table
Sortable columns, row selection, sticky header
Navigation Drawer
Focus trap on open, landmark roles, skip links
Notification Toast
Auto-dismiss with pause on hover/focus, SR announce
Inaccessibility is now a liability.
The European Accessibility Act went into enforcement June 2025. ADA lawsuits hit 4,000+ in 2024. Federal procurement requires Section 508. The question isn't whether — it's when.
European Accessibility Act
Enforcement: June 28, 2025Any digital service offered to EU consumers must prove WCAG 2.1 AA conformance or face six-figure fines and product withdrawal.
Section 508 / Federal Procurement
Required for all US federal ICTThe very first line in federal RFPs: "Attach your VPAT." No compliance means no contract — a multi-billion dollar market locked out.
ADA Digital Enforcement
4,000+ lawsuits in 2024Courts consistently rule that websites and apps are places of public accommodation. Inaccessible = discriminatory.
Live Contrast Checker
One API. Four frameworks.
Consistent component behavior and identical ARIA patterns across React, Vue, Svelte, and plain HTML.
npm install @access/reactimport { Toggle, Button, Modal } from '@access/react';
// Toggle with full ARIA support
function NotificationsToggle() {
const [enabled, setEnabled] = useState(false);
return (
<Toggle
checked={enabled}
onChange={setEnabled}
label="Email notifications"
aria-describedby="notif-desc"
/>
);
}
// Modal with focus trap + Escape
<Modal
open={isOpen}
onClose={() => setIsOpen(false)}
title="Confirm action"
aria-describedby="modal-desc"
>
<p id="modal-desc">This cannot be undone.</p>
<Button variant="danger">Delete</Button>
</Modal>Design Tokens
Built-in WCAG 2.2
Engineers who shipped on deadline.
"Got a Section 508 compliance ticket on a Thursday. Had every component swapped and our VPAT drafted by Monday. Access saved a $2.4M federal contract."
"We were building our design system from scratch. Access gave us WCAG 2.2 tokens, focus ring specs, and 84 tested primitives on day one. Saved six months of audit work."
"Our SaaS was being evaluated by a German municipality. The procurement team asked for a VPAT on a Tuesday. Access components already had one. Contract signed Friday."
"The screen reader transcripts in each component card sold our accessibility team in 10 minutes. Every component announces exactly what it should. No surprises."
"Dropped @access/modal into our Vue app in 15 minutes. Focus trap, Escape key, aria-modal, return focus — all just worked. Our axe audit went from 47 violations to 0."
Copy a component. Then upgrade.
Immediate value before signup. Account creation feels like upgrading access — not gating it.
- 20 ARIA-ready components
- React + HTML support
- WCAG 2.2 AA guaranteed
- npm install access
- Community Discord
- Basic design tokens
- All 84 components
- React + Vue + Svelte + HTML
- WCAG 2.2 AA + Section 508
- Auto-generated VPAT
- Priority Slack support
- Full token system (120+)
- Figma component library
- CI/CD axe integration
- Everything in Pro
- Custom VPAT generation
- Legal review support
- Dedicated CSM
- SLA 99.9% uptime
- Private npm registry
- Audit trail & reporting