Agent Skill
Accessibility skill
accessibilityaddyosmani/web-quality-skillsskills/accessibility/SKILL.md
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
always on
51 tokname + description
once used
3,541 tokSKILL.md body
bundled files
215 KB
installs
63kskills.sh
Install the Accessibility skill
Skills CLI (Claude Code, Codex, Cursor and others)
npx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility
Claude Code, by hand (all projects)
git clone --depth 1 https://github.com/addyosmani/web-quality-skills.git /tmp/web-quality-skills mkdir -p ~/.claude/skills cp -R /tmp/web-quality-skills/skills/accessibility ~/.claude/skills/accessibility
For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.
What it costs your context
Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.
| When | What loads | Cost |
|---|---|---|
| Every session | Name and description | 51 tok |
| When the agent uses it | The SKILL.md instructions | 3,541 tok |
| Only if opened | 2 bundled files (15 KB) | varies |
Until it is used, accessibility costs about 27× less than the median MCP server we measured (1,362 tokens on every turn). Installing all 6 skills from addyosmani/web-quality-skills would load 320 tokens of descriptions. Skills vs MCP study
Checks
Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.
Checked 2026-10-22 · method
What's inside
The headings of its SKILL.md. Read the full file on GitHub.
- Accessibility (a11y)
- Evidence-led audit workflow
- WCAG Principles: POUR
- Conformance levels
- Perceivable
- Text alternatives (1.1)
- Color contrast (1.4.3, 1.4.6)
- Media alternatives (1.2)
- Operable
- Keyboard accessible (2.1)
- Focus visible (2.4.7)
- Focus not obscured (2.4.11) — new in 2.2
- Skip links (2.4.1)
- Target size (2.5.8) — new in 2.2
- Dragging movements (2.5.7) — new in 2.2
- Timing (2.2)
- Motion (2.3)
- Understandable
- Page language (3.1.1)
- Consistent navigation (3.2.3)
- Consistent help (3.2.6) — new in 2.2
- Form labels (3.3.2)
- Error handling (3.3.1, 3.3.3)
- Redundant entry (3.3.7) — new in 2.2
More skills from addyosmani/web-quality-skills
- best-practicesaddyosmani/web-quality-skills
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".
3.0k49 tok idle · 2,913 in use - core-web-vitalsaddyosmani/web-quality-skills
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
3.0k67 tok idle · 2,181 in use - performanceaddyosmani/web-quality-skills
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
3.0k49 tok idle · 3,214 in use - seoaddyosmani/web-quality-skills
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
3.0k46 tok idle · 3,160 in use - web-quality-auditaddyosmani/web-quality-skills
Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
3.0k158 tok idle · 2,242 in use