Accessibility

The accessibility skill audits and improves web accessibility by providing comprehensive guidance on WCAG 2.2 compliance, including best practices for text alternatives, color contrast, keyboard navigation, and screen reader support. It targets web developers and quality assurance professionals who need to ensure their applications meet accessibility standards (A, AA, or AAA levels) and are usable by people with disabilities. The skill solves the problem of creating inclusive digital experiences by offering concrete code examples and actionable recommendations aligned with current accessibility guidelines.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 61
skills.sh installs: 68.8K
GitHub stars: 3.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add addyosmani/web-quality-skills --skill accessibility --agent claude-code

Installs into .claude/skills of the current project.

Files

Accessibility (a11y)

Comprehensive accessibility guidelines based on WCAG 2.2 and Lighthouse accessibility audits. Goal: make content usable by everyone, including people with disabilities.

Evidence-led audit workflow

When a rendered page is available:

Run a live Lighthouse Accessibility audit when that capability is available; with Chrome DevTools MCP, use lighthouse_audit. Use mobile navigation mode for a general public page or snapshot mode when reloading would lose authenticated or user-created state.
Use failed audit nodes to localize the relevant component or template instead of searching the whole repository for generic patterns.
Inspect a rendered accessibility-tree snapshot for names, roles, states, landmarks, and heading structure; with Chrome DevTools MCP, use take_snapshot. Exercise the affected flow with the keyboard.
Fix the source, then re-run the same audit and manual interaction.

SKILL.md on GitHub