Which testing tools are integrated with this skill?

It provides expertise for axe-core, Lighthouse, pa11y, jest-axe for unit tests, and Playwright for end-to-end accessibility audits.

Can it help with complex components like modals?

Yes, it provides specific implementations for focus traps, ARIA roles, and keyboard event handlers required for accessible modal dialogs.

How does it handle focus management?

The skill implements roving tabindices for composite widgets and ensures logical tab order and visible focus indicators across all interactive elements.

What WCAG standards does this skill support?

The skill is designed to implement and test against both WCAG 2.1 and WCAG 2.2 Level A and AA success criteria.

Does it support mobile accessibility?

Yes, it includes best practices for touch targets, responsive layouts without horizontal scrolling, and screen reader support relevant for mobile web.

Web Accessibility Implementation

Name: Web Accessibility Implementation
Author: laurigates

bylaurigates

•

디자인 도구

Implements WCAG 2.1/2.2 compliance, ARIA patterns, and keyboard navigation to build inclusive and accessible web applications.

소개

The Web Accessibility Implementation skill provides developers with expert guidance for building inclusive web experiences that meet modern compliance standards. It handles complex accessibility tasks such as implementing ARIA patterns for custom widgets, managing keyboard focus traps, and ensuring screen reader compatibility. By integrating automated testing tools like axe-core and Lighthouse, this skill helps identify and remediate accessibility violations, ensuring your frontend code is usable by everyone regardless of how they navigate the web.

주요 기능

Advanced ARIA pattern support for modals, tabs, and custom form controls
Semantic HTML optimization and screen reader announcement strategies
Technical implementation of WCAG 2.1/2.2 Level A and AA criteria
Automated accessibility auditing via axe-core, Lighthouse, and pa11y
Comprehensive keyboard navigation and roving tabindex management
3 GitHub stars

사용 사례

Automating accessibility testing within CI/CD or unit testing workflows
Building complex, keyboard-navigable UI components like modals and comboboxes
Remediating accessibility violations in existing frontend components

소개

주요 기능

Advanced ARIA pattern support for modals, tabs, and custom form controls
Semantic HTML optimization and screen reader announcement strategies
Technical implementation of WCAG 2.1/2.2 Level A and AA criteria
Automated accessibility auditing via axe-core, Lighthouse, and pa11y
Comprehensive keyboard navigation and roving tabindex management
3 GitHub stars

사용 사례

Automating accessibility testing within CI/CD or unit testing workflows
Building complex, keyboard-navigable UI components like modals and comboboxes
Remediating accessibility violations in existing frontend components