A Claude skill by What If Labs

Find and fix accessibility issues without leaving Claude.

Skilled A11y teaches Claude to audit your pages and components against WCAG 2.2 A and AA, rank what it finds by real user impact, and hand you fixes that match your framework.

Get Skilled A11y for $5 Try the free Quick Check

One-time purchase. Instant email delivery. 14-day refund.

Prefer to buy on Etsy? Get Skilled A11y on Etsy.

Accessibility review: checkout page

WCAG 2.2 A and AA · React · reviewed in Claude

2 blockers3 serious4 to check by hand

  1. BlockerIcon button has no accessible name4.1.2 Name, Role, Value · CertainFixed
  2. BlockerCard number field has no label1.3.1 Info and Relationships · CertainFixed
  3. SeriousFocus is lost when the promo dialog closes2.4.3 Focus Order · LikelyFixed
  4. CheckProduct image alt text matches the photo1.1.1 Non-text Content · Needs a humanTest with a person
Example report. Findings are ranked by impact on real users. See the full sample report.

What's inside

A repeatable workflow

Scope, find, prioritise, fix, verify, report. The same steps every time.

A WCAG 2.2 A/AA checklist

Claude works through it, including the newer 2.2 criteria.

Fixes for common axe-core rules

So scanner output turns into code changes, not a to-do list.

ARIA patterns

Dialogs, tabs, menus, comboboxes and more, built the right way.

A manual testing guide

Keyboard, screen reader and zoom checks a scanner can't do.

A report template

Something you can hand to a team or a client.

Honest by design

Skilled A11y never tells you a site is "accessible" or "compliant". Every finding is marked Certain, Likely, or Needs a human, so you know what to trust and what to test with a real person.

  • Certain The code proves it.
  • Likely Strong signal, worth a quick check.
  • Needs a human Only a real test with a person can tell.

One finding, start to finish

Claude finds the barrier, explains who it blocks, and writes the smallest fix in your own code style.

Before Cart button
<button onClick={openCart}>
  <CartIcon />
  {count > 0 && <span>{count}</span>}
</button>

A screen reader announces just "button", or "button 3".

After Same button, with a name
<button
  onClick={openCart}
  aria-label={`Cart, ${count} items`}
>
  <CartIcon aria-hidden="true" />
  {count > 0 && <span aria-hidden="true">{count}</span>}
</button>

Now it's announced as "Cart, 3 items, button".

Blocker · 4.1.2 Name, Role, Value · Certain. Screen reader users can't tell what this button does. Verify: tab to the button with VoiceOver or NVDA on and listen for "Cart, 3 items".

Free

Start with the free Quick Check

A smaller skill that checks a page or component for the 10 most common accessibility blockers and walks you through a 10-minute keyboard, zoom and screen reader test. Same honest Certain, Likely, Needs a human labels.

One email with your download. No newsletter unless you tick the box. Terms and privacy

Get Skilled A11y

Pay once. The download link arrives by email in about a minute, and on the next page right after checkout.

How to add it

  1. Claude Code: unzip it into your skills folder with unzip skilled-a11y.zip -d ~/.claude/skills/, or into .claude/skills/ in a project. Then ask Claude Code to "review this component for accessibility".
  2. Claude on the web or desktop: don't unzip it. Open Customize, then Skills, click +, choose Upload a skill and pick the ZIP. Works on any Claude plan, including free, with code execution on (Settings, Capabilities).

Skilled A11y

$5 one time

  • WCAG 2.2 A and AA audit workflow
  • Fixes for common axe-core rules
  • ARIA patterns done right
  • Keyboard, screen reader and zoom test guide
  • A report template you can hand over
  • Certain, Likely and Needs a human labels on every finding
Buy now for $5

Secure checkout by Stripe. Taxes calculated at checkout. 14-day refund.

Prefer Etsy? Get it on Etsy.

New to Claude skills?

A skill is a folder of expert instructions Claude loads when your request matches it. Skilled A11y is one you add to your own Claude, so "check this page" gets a real WCAG review instead of a generic checklist.

It runs in Claude Code, the Claude desktop app and claude.ai, on any plan including free. The free Quick Check above is the fastest way to see how it works on your own code.

Questions

Does it replace an accessibility audit?

No, and it won't pretend to. It catches and fixes a lot of real barriers fast, labels anything it can't confirm as Needs a human, and never calls a site "compliant". Use it to ship fewer bugs and to get more out of a human audit.

Which frameworks does it know?

It reads plain HTML and component code such as React, Vue and Svelte, and writes the fix in your project's own style.

Does it work with axe-core or Lighthouse output?

Yes. Paste the scanner results and it turns each rule into a code change, explains who it affects, and tells you how to verify the fix.

Can my team use it?

Each purchase is a licence for one person (see the terms). For a team, email hello@a11y.whatiflabs.ai.

What do I need?

Claude Code, or a Claude account on any plan (including free) with code execution turned on in Settings, Capabilities.

What if it doesn't work for me?

Email hello@a11y.whatiflabs.ai within 14 days of buying and we'll refund you in full.