Login

u/digitizzle

r/reactjs r/accessibility
We built a free, open-source WCAG 2.2 AA compliant React component library tested and verified by IAAP Web Accessibility Specialist
▲ 4 r/accessibility

We built a free, open-source WCAG 2.2 AA compliant React component library tested and verified by IAAP Web Accessibility Specialist

Hey everyone!

I've been working on an open-source React component library focused specifically on WCAG 2.2 AA accessibility and screen reader testing.

Many popular UI kits still struggle with screen reader focus management or keyboard navigation out of the box, so I wanted to build a set of primitives pre-tested against VoiceOver, NVDA, and JAWS.

Features:

  • Pre-tested with VoiceOver (macOS), Talkback (Android), NVDA (Windows), and JAWS (Windows)
  • Full keyboard focus management (Tab, Shift+Tab, Escape, Arrow key selection)
  • 100% MIT licensed open-source code

Currently building out more complex patterns (like accessible DatePickers and Calendars). Hope this is helpful for some of you!

u/digitizzle — 1 day ago
▲ 0 r/accessibility+1 crossposts

We built a free, open-source WCAG 2.2 AA compliant React component library tested and verified by IAAP Web Accessibility Specialist

Hey r/reactjs!

As web accessibility consultants and manual WCAG auditors, we work with dev teams every week whose apps fail accessibility audits due to the same recurring UI component issues—focus traps failing in modals, broken ARIA attributes in dropdowns, or inconsistent keyboard navigation in tabs. While headless libraries exist, many popular UI kits still fail screen reader audits out of the box when tested against real assistive technology.

So we built A11y UI (ui.a11ypros.com) — a free, open-source collection of React components designed from the ground up to pass WCAG 2.2 AA compliance.

Live Demo & Links

Key Features

  • Assistive Technology Verified: Every component is manually tested against VoiceOver (macOS/iOS), Talkback(Android), NVDA (Windows), and JAWS (Windows).

  • Keyboard Navigation First: Out-of-the-box focus management (Tab, Shift+Tab, Escape key dismissal, Arrow key selection).

  • Tailwind & CSS Friendly: Clean, accessible DOM markup that integrates easily into existing design systems.

  • 100% Native Code: Pure React components with zero overlay widgets or heavy third-party runtime scripts.

Current Status & Roadmap

The core component primitives are completely free and open-source. We are actively working on adding more complex patterns (such as accessible DatePickers, Calendars, and Comboboxes).

We’d love for the community to test the components, break them, report bugs, or request patterns you’re struggling to make accessible!

Let us know what you think or what components you'd like to see added next!

reddit.com
u/digitizzle — 1 day ago