Accessibility
WCAG in practice — semantics, focus management, contrast, and what automated checks cannot see.
Installation
$ npx skills add addyosmani/web-quality-skillsThe CLI's unit is the repository, so this installs everything in addyosmani/web-quality-skills, not accessibility alone. It writes into whichever agent directories it finds — Claude Code, Codex, Cursor, Copilot, Windsurf, Zed.
Summary
WCAG in practice — semantics, focus management, contrast, and what automated checks cannot see.
- Reach for it when any user-facing UI. Generated markup passes axe and still cannot be operated with a keyboard.
- Spans Implement and Operate & maintain, so it is usually worth loading for the whole piece of work rather than at one moment in it.
- Assumes web.
- Published by Addy Osmani. Well regarded, but not the vendor of the thing it covers.
- Installing pulls the whole addyosmani/web-quality-skills repository: this catalogue lists 1 other entry from it, and the repo may hold more.
Where it sits in delivery
ImplementWriting the change: framework-specific conventions, and the discipline that keeps a long agent run on the rails.Everything in Build →
Operate & maintainProduction reality: debugging, performance, instrumentation, and writing down why the system is the way it is.Everything in Operate →
The skill itself
The full text lives with its publisher and changes when they change it. Read it there rather than here — a mirrored copy of somebody else's procedure goes stale silently, and this page would have no way of telling you.
Related
More in Implement
- .NET Web APIBuilding ASP.NET Core web APIs the way the .NET team builds them.
dotnet/skills - Analyzing .NET performanceTraces, dumps and allocation analysis, from the team that builds the runtime.
dotnet/skills - Expo RouterFile-based routing for Expo apps, from Expo — layouts, groups, typed routes, deep links.
expo/skills - Frontend designAnthropic's guidance for producing interfaces that look designed rather than defaulted.
anthropics/skills - Prisma Client APIThe current Prisma Client surface, from Prisma.
prisma/skills - React best practicesVercel's current React guidance — server and client boundaries, data fetching, caching, the Compiler era.
vercel-labs/agent-skills