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.

주요 기능

01Advanced ARIA pattern support for modals, tabs, and custom form controls

02Semantic HTML optimization and screen reader announcement strategies

03Technical implementation of WCAG 2.1/2.2 Level A and AA criteria

04Automated accessibility auditing via axe-core, Lighthouse, and pa11y

05Comprehensive keyboard navigation and roving tabindex management

063 GitHub stars

사용 사례

01Automating accessibility testing within CI/CD or unit testing workflows

02Building complex, keyboard-navigable UI components like modals and comboboxes

03Remediating accessibility violations in existing frontend components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add laurigates/claude-plugins accessibility-implementation

For use in Claude.ai and ChatGPT

Download Skill