Can it help me build accessible modals and dropdowns?

Absolutely. It includes patterns for focus traps, roving tabindex, and the specific ARIA attributes required for interactive widgets.

Does this skill help with legal accessibility compliance?

Yes, it provides specific guidance for meeting requirements for ADA, EAA, Section 508, and AODA by following WCAG 2.2 AA/AAA standards.

Does it prioritize native HTML over ARIA?

Yes, a core principle of this skill is 'Native HTML first,' meaning it prioritizes semantic tags like over custom role implementations whenever possible.

What testing tools does the Accessibility Expert support?

It provides configurations and best practices for automated tools like jest-axe, Playwright, and Pa11y, as well as manual screen reader testing strategies.

Accessibility Expert

Name: Accessibility Expert
Author: rnavarych

byrnavarych

•

Security & Testing

Ensures web applications meet WCAG 2.2 compliance standards through semantic HTML, ARIA patterns, and robust keyboard navigation.

The Accessibility Expert skill provides specialized guidance for building inclusive web interfaces that adhere to WCAG 2.2 AA/AAA standards. It helps developers implement complex ARIA patterns, manage focus for dynamic content, and optimize applications for screen readers like NVDA and VoiceOver. Whether you are auditing an existing site for legal compliance with ADA or EAA, or building interactive widgets from scratch, this skill provides the implementation patterns and testing strategies needed to ensure your software is usable by everyone.

Key Features

01WCAG 2.2 AA/AAA compliance auditing and implementation guidance

02Screen reader optimization with live regions and semantic structure

0311 GitHub stars

04Advanced ARIA role implementation for complex UI widgets

05Comprehensive focus management and keyboard navigation logic

06Automated accessibility testing integration using jest-axe and Playwright

Use Cases

01Building interactive UI elements like modals and comboboxes with correct keyboard traps

02Auditing existing components to resolve accessibility violations and meet legal standards

03Configuring CI/CD pipelines with automated accessibility testing tools

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rnavarych/alpha-engineer accessibility-expert

For use in Claude.ai and ChatGPT

Key Features

01WCAG 2.2 AA/AAA compliance auditing and implementation guidance

02Screen reader optimization with live regions and semantic structure

0311 GitHub stars

04Advanced ARIA role implementation for complex UI widgets

05Comprehensive focus management and keyboard navigation logic

06Automated accessibility testing integration using jest-axe and Playwright

Use Cases

01Building interactive UI elements like modals and comboboxes with correct keyboard traps

02Auditing existing components to resolve accessibility violations and meet legal standards

03Configuring CI/CD pipelines with automated accessibility testing tools

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rnavarych/alpha-engineer accessibility-expert

For use in Claude.ai and ChatGPT