Addy Osmani/accessibility — Agent Skills | officialskills.sh
officialskills.sh
...
Back to skills

accessibility

communitydesign

Audits and improves web accessibility against WCAG 2.

Addy OsmaniAddy Osmani
View all Addy Osmani skills →

Setup & Installation

npx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility
or paste the link and ask your coding assistant to install it
https://github.com/addyosmani/web-quality-skills/tree/main/skills/accessibility
View on GitHub

What This Skill Does

Audits and improves web accessibility against WCAG 2.2 guidelines, covering the POUR principles (Perceivable, Operable, Understandable, Robust). Includes code patterns for ARIA usage, keyboard navigation, color contrast, focus management, and form labeling, plus a manual and automated testing checklist.

Bundles WCAG 2.2 success criteria with copy-paste HTML/CSS/JS patterns, so you fix issues directly instead of cross-referencing the spec for every rule.

When to use it

  • Adding alt text and ARIA labels to icon-only buttons in a dashboard
  • Fixing color contrast failures flagged by a Lighthouse audit
  • Wiring up keyboard handlers and focus traps for a custom modal
  • Meeting the WCAG 2.2 24x24px minimum target size on mobile controls
  • Announcing form validation errors to screen readers via aria-live

Similar Skills

gif-sticker-maker

Takes a photo of a person, pet, object, or logo and generates 4 animated GIF stickers in Funko Pop / Pop Mart figurine style.

wpds

Assists with building UI components and interfaces using the WordPress Design System (WPDS).

algorithmic-art

Generates algorithmic and generative art using p5.

brand-guidelines

Applies Anthropic's official brand colors and typography to documents and presentations.