Skip to content
Get packs

Accessibility (WCAG 2.2)

Guides building and auditing UIs to WCAG 2.2 AA with ARIA and iOS/Android accessibility traits

Source Download skill
Repository
affaan-m/ECC
Stars
295,127
Licence
MIT
Files
1 file

What it does

When installed, the agent follows WCAG 2.2 AA accessibility guidance when designing, building, or reviewing interfaces for web, iOS, and Android. It checks things like colour contrast, focus visibility, target sizes, keyboard access, labels, and live status updates, and it suggests the matching ARIA, SwiftUI, or Compose attributes. It is a checklist and reference of technical patterns rather than a testing tool.

Great for

  • Front-end developers adding accessible components to web apps
  • Mobile developers adding VoiceOver or TalkBack support to SwiftUI or Compose screens
  • Designers or reviewers who want a quick WCAG 2.2 checklist for a UI

Skip it if

  • Legal sign-off or certified compliance: the skill gives guidance only and does not replace an expert audit or user testing with assistive technology
  • Relying on it to test real pages automatically: it contains no scripts or scanners, so it cannot prove a site passes

Try asking

  • “Audit this login form against WCAG 2.2 AA and list the problems”
  • “Write an accessible search form in HTML with proper labels and ARIA”
  • “Make this SwiftUI delete button accessible for VoiceOver users”
  • “Check whether my modal traps focus and returns focus to the trigger when closed”
Step-by-step guide: how to use Accessibility (WCAG 2.2)Install, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    accessibility.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip accessibility.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip accessibility.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Paste the actual component code or markup so the agent can audit specifics rather than general rules.
  • Still verify results with a real screen reader (VoiceOver, TalkBack, NVDA) and an automated tool such as axe, since the skill cannot run them.
  • Name the platform (Web, iOS, Android) up front so the agent picks the correct attributes from the mapping table.

What's inside

  • SKILL.md

Redistributed unmodified from affaan-m/ECC under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.