wcag-accessibility

Enforce WCAG 2.2 AA accessibility patterns and tests for React Native and Next.js apps.

8|3|Updated Feb 8, 2026

Search Tags:#testing #accessibility #a11y #next.js #react-native #keyboard-navigation #wcag-22

Ready to run

npx skills add https://github.com/haberlah/dotfiles-claude --skill wcag-accessibility

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wcag-accessibility
Source: https://github.com/haberlah/dotfiles-claude/tree/main/skills/wcag-accessibility
Command: npx skills add https://github.com/haberlah/dotfiles-claude --skill wcag-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

WCAG 2.2 AA accessibility compliance is achieved for React Native and Next.js apps.

Core Features & Use Cases

Comprehensive accessibility patterns and references for mobile and web (React Native, Next.js)
Includes cognitive accessibility guidance, keyboard navigation, focus management, and ARIA best practices
Provides testing guidance with Jest-Axe and Playwright to verify accessibility at runtime

Quick Start

Review the WCAG 2.2 AA references and implement accessible patterns and tests in your Next.js or React Native project.

Frequently Asked Questions about wcag-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I make my Next.js app meet WCAG 2.2 AA accessibility standards?▼

To meet WCAG 2.2 AA accessibility standards in Next.js, implement comprehensive accessible patterns covering keyboard navigation, focus management, and ARIA best practices, then verify compliance using Jest-Axe and Playwright runtime tests.

What is the best way to handle keyboard navigation and focus management in React Native?▼

Keyboard navigation and focus management in React Native require applying specific WCAG 2.2 AA accessibility patterns and ARIA best practices. This ensures mobile authentication flows, forms, and dynamic content remain operable and accessible to assistive technologies.

Can I use Jest-Axe and Playwright to test WCAG 2.2 accessibility compliance?▼

Yes, you can use Jest-Axe and Playwright to test WCAG 2.2 accessibility compliance. They verify accessibility at runtime by validating implemented patterns for keyboard navigation, focus management, and ARIA usage in your web and mobile applications.

Does this approach support cognitive accessibility and ARIA best practices for mobile apps?▼

Yes, this approach supports cognitive accessibility and ARIA best practices for React Native mobile apps. It enforces a comprehensive pattern library that addresses cognitive accessibility, dynamic content changes, and proper ARIA roles across mobile development contexts.

How to test accessibility for dynamic content and authentication flows in Next.js?▼

Test accessibility for dynamic content and authentication flows in Next.js by applying WCAG 2.2 AA pattern references and running runtime tests with Jest-Axe and Playwright. This validates focus management, keyboard navigation, and ARIA implementation.