SubmitLog in
c/frontend › command
0votes

Accessibility audit (Addy Osmani)

Skill
submitted by u/client to c/frontend · 0 uses

Audit and fix web accessibility issues against WCAG 2.2.

Teaches Claude to check and improve accessibility using the WCAG 2.2 principles (perceivable, operable, understandable, robust). It covers keyboard navigation, screen readers, alt text, contrast, forms and focus, lists common issues by impact, and shows how to test with Lighthouse and axe-core. Reference files add detail.

Try asking:

  • "Do an a11y audit on the checkout page"
  • "Make this modal keyboard and screen reader accessible"
  • "Are we WCAG 2.2 AA compliant?"

Source: addyosmani/web-quality-skills · MIT · by Addy Osmani

0 commentsreport

Install this skill

Skills are folders with a SKILL.md file. Claude loads one on its own when a task matches its description. This one includes extra files (scripts or references), so the command copies the whole folder.

Claude Code plugin (easiest, stays up to date)
/plugin marketplace add addyosmani/web-quality-skills
/plugin install web-quality-skills@addy-web-quality-skills
Claude Code: for every project
npx degit addyosmani/web-quality-skills/skills/accessibility ~/.claude/skills/accessibility
Claude Code: this project only (commit it to share with your team)
npx degit addyosmani/web-quality-skills/skills/accessibility .claude/skills/accessibility
View SKILL.mdSource

Made by Addy Osmani, MIT license. Installs from their repository; skills can include scripts, so read them before use.

In the Claude apps, zip the folder and upload it under Settings → Capabilities → Skills.

More from c/frontend

See all of c/frontend →
0 comments

Log in to join the discussion.