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

•

Design Tools

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.

Key Features

01Screen reader optimization including live regions and semantic structure

02WCAG 2.1/2.2 Level AA/AAA compliance auditing and remediation

03Integration with automated testing tools like axe-core and jest-axe

04Expert implementation of WAI-ARIA roles, states, and properties

05Advanced focus management and keyboard navigation patterns

061 GitHub stars

Use Cases

01Implementing accessible form validation with live ARIA announcements

02Auditing existing web applications for ADA and Section 508 legal compliance

03Building accessible design systems with focus-trapped modals and tab sets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add deve1993/quickfy-website a11y-specialist

For use in Claude.ai and ChatGPT

Download Skill