skills.rest
haberlah
haberlahCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/haberlah/dotfiles-claude --skill wcag-accessibility
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
OpenCovenOpenCoven
20

wcag-a11y-audit

Audit web and desktop UIs for WCAG 2.2 AA compliance with axe-core, Playwright, and jest-axe.

Official
Advanced
fugazifugazi
215

a11y-playwright-testing

Automate WCAG 2.1 AA accessibility scans in Playwright tests with axe-core.

Community
Intermediate
esassocesassoc
4

audit-a11y

Run WCAG 2.2 AA accessibility audits on Angular frontends with axe-core and ESLint.

Official
Advanced
AZANIRAZANIR
2

qa-accessibility-test-writer

Generate automated WCAG 2.2 accessibility tests using axe-core, Pa11y, Lighthouse, Playwright, Cypress, and Jest.

Community
Intermediate