Can it help me fix accessibility errors found in Lighthouse?

Yes, it can analyze Lighthouse or axe-core reports and provide specific code fixes for contrast issues, missing labels, and incorrect ARIA usage.

Does it provide patterns for complex components like modals?

Yes, the skill includes specialized patterns for accessible modals, including focus trapping, escape key handling, and background scroll locking.

Which accessibility standards does this skill support?

The skill supports WCAG 2.1 and 2.2 (Levels A, AA, and AAA), Section 508 requirements, and ADA compliance standards.

How does it assist with keyboard navigation?

It helps implement logical tab orders, focus indicators, skip links, and 'roving tabindex' for complex widgets like menus and grids.

Is it compatible with popular frontend frameworks?

Absolutely. It provides accessibility patterns and hooks compatible with React, Vue, and standard HTML/JavaScript environments.

Accessibility Specialist

Name: Accessibility Specialist
Author: deve1993

bydeve1993

•

デザインツール

Ensures web applications meet WCAG 2.1/2.2 compliance through expert ARIA implementation, keyboard navigation, and automated testing.

概要

The Accessibility Specialist skill is a comprehensive toolkit for developers aiming to build inclusive web experiences that comply with global standards like WCAG 2.1/2.2 (Levels A, AA, and AAA). It provides specialized guidance on implementing complex WAI-ARIA patterns, managing focus for keyboard-only users, and optimizing semantic HTML for screen readers. By integrating with industry-standard tools like axe-core and Lighthouse, this skill helps identify accessibility barriers early in the development lifecycle and provides production-ready code patterns for accessible UI components such as modals, forms, and navigation systems.

主な機能

Screen reader optimization including live regions and semantic structure
WCAG 2.1/2.2 Level AA/AAA compliance auditing and remediation
Integration with automated testing tools like axe-core and jest-axe
Expert implementation of WAI-ARIA roles, states, and properties
Advanced focus management and keyboard navigation patterns
1 GitHub stars

ユースケース

Implementing accessible form validation with live ARIA announcements
Auditing existing web applications for ADA and Section 508 legal compliance
Building accessible design systems with focus-trapped modals and tab sets

概要

主な機能

Screen reader optimization including live regions and semantic structure
WCAG 2.1/2.2 Level AA/AAA compliance auditing and remediation
Integration with automated testing tools like axe-core and jest-axe
Expert implementation of WAI-ARIA roles, states, and properties
Advanced focus management and keyboard navigation patterns
1 GitHub stars

ユースケース

Implementing accessible form validation with live ARIA announcements
Auditing existing web applications for ADA and Section 508 legal compliance
Building accessible design systems with focus-trapped modals and tab sets