Design skill

Accessibility

Audit and improve web accessibility against WCAG 2.2, covering semantics, keyboard navigation, focus, contrast, forms, media, and assistive technologies.

Best for

Frontend teams, accessibility reviewers, and product engineers preparing inclusive production interfaces.

Addy Osmani
Publisher
addyosmani/web-quality-skills
Repository

Verified source

Inspect the skill before you use it.

addyosmani/web-quality-skills on GitHub
Setup command

npx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility

Common use cases

When to use this skill

  • Run an evidence-led WCAG 2.2 accessibility audit.
  • Fix keyboard, focus, semantic HTML, and screen-reader issues.
  • Verify accessible forms, images, media, motion, and color usage.

Example prompts

Prompts you can adapt

Audit this page against WCAG 2.2 and prioritize issues by user impact.
Fix the keyboard navigation, focus management, accessible names, and contrast problems in this component.

How to use it

A simple workflow

1

Open the verified Addy Osmani source on GitHub and review its SKILL.md or repository documentation.

2

npx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility

3

Start with an example prompt below, adapt it to your project, and verify the result.

FAQ

Questions about Accessibility

Is this linked to an official public source?

Yes. This page links directly to the Addy Osmani GitHub source shown above. Review its documentation and license before production use.

How do I add this skill?

Run the setup command shown on this page, then refresh your agent if required.