Which UI libraries does this skill recommend for accessibility?

It recommends using accessible component primitives like Radix UI (the foundation of shadcn/ui) because they handle complex ARIA and focus management internally.

Does this skill help with legal accessibility compliance?

Yes, it specifically targets WCAG 2.2 Level AA standards, which are the legal requirement for many jurisdictions, including ADA Title II and the European Accessibility Act.

Does this skill replace the need for manual testing?

No. While it provides guidance that catches many issues, it explicitly recommends manual testing with screen readers and keyboard-only navigation as part of the workflow.

Can it handle Single Page Application (SPA) navigation issues?

Absolutely. The skill provides mandatory fixes for focus management, title updates, and ARIA live region announcements that are often broken in SPAs.

SaaS Accessibility & WCAG Compliance

Name: SaaS Accessibility & WCAG Compliance
Author: oborchers

byoborchers

•

Herramientas de Diseño

Ensures SaaS applications meet WCAG 2.2 AA standards by implementing accessible navigation, focus management, and keyboard operability.

This skill empowers developers to build inclusive SaaS products by enforcing WCAG 2.2 Level AA standards, covering essential aspects like color contrast, ARIA attributes, and robust keyboard navigation. It specifically addresses the unique accessibility challenges of Single Page Applications (SPAs), such as managing focus during route changes and updating document titles, while recommending the use of accessible component primitives like Radix UI to avoid common implementation pitfalls and ensure legal compliance with the ADA and European Accessibility Act.

Características Principales

01Color contrast validation for inclusive UI and design systems

029 GitHub stars

03Integration guidance for accessible primitives like Radix UI and shadcn/ui

04SPA-specific focus management and route change announcements

05Standardized keyboard navigation patterns for composite widgets

06Automated WCAG 2.2 AA compliance guidance and review checklists

Casos de Uso

01Auditing a SaaS dashboard for ADA Title II and European Accessibility Act compliance

02Implementing accessible route transitions in React, Vue, or SvelteKit applications

03Refactoring custom UI components to use accessible primitives and ARIA attributes

Características Principales

01Color contrast validation for inclusive UI and design systems

029 GitHub stars

03Integration guidance for accessible primitives like Radix UI and shadcn/ui

04SPA-specific focus management and route change announcements

05Standardized keyboard navigation patterns for composite widgets

06Automated WCAG 2.2 AA compliance guidance and review checklists

Casos de Uso

01Auditing a SaaS dashboard for ADA Title II and European Accessibility Act compliance

02Implementing accessible route transitions in React, Vue, or SvelteKit applications

03Refactoring custom UI components to use accessible primitives and ARIA attributes