Skip to content
UXClaim
Accessibility

a11y-skills

Claude Skills for accessibility auditing, code review, and WCAG 2.2 compliance across web, mobile, and documents.

View source More in Accessibility

What it does

a11y-skills is a collection of Claude Skills that automate accessibility auditing, code review, and WCAG 2.2 compliance checking. It covers seven specialist tools designed for design systems, web applications, mobile apps, documents, and markdown files.

How it works

Each skill focuses on a specific accessibility domain. a11y-code-review enforces WCAG 2.2 AA across HTML, JSX, Vue, Svelte, CSS, and Tailwind with 18 reference files covering ARIA, forms, keyboard navigation, and contrast. wcag-guide provides plain-language explanations of all WCAG success criteria with practical examples. document-a11y audits Word, Excel, PowerPoint, and PDF files using format-specific remediation steps. markdown-a11y scans markdown across nine domains including alt text, heading hierarchy, and plain language.

Use cases

  • Catch accessibility issues before they reach QA
  • Teach teams WCAG requirements with plain-language guidance
  • Audit design system tokens for color contrast and focus rings
  • Test mobile apps for screen reader compatibility
  • Integrate accessibility checks into CI/CD pipelines
  • Review documents and markdown files at scale

Who benefits

Design systems managers, product designers building accessible components, QA engineers, accessibility leads, and teams aiming for WCAG AA compliance.

Frequently asked questions

How do I install a11y-skills?
On Claude Desktop: open Customize > Skills, click +, paste `joedevon/a11y-skills`, click Sync, then install individual skills. On claude.ai: download the ZIP from the repo, go to Customize > Skills, click +, and upload the ZIP.
What does a11y-code-review do?
It audits code (HTML, JSX, Vue, Svelte, CSS, Tailwind) against WCAG 2.2 AA standards. It checks 18 accessibility domains including ARIA, forms, keyboard navigation, color contrast, tables, modals, live regions, links, and alt text with actionable remediation steps.
Can a11y-skills audit my design tokens?
Yes. design-system-a11y audits tokens at source for color contrast ratios, focus ring specifications, touch target sizing, and motion properties. It supports Tailwind, Material-UI, Chakra UI, Radix/shadcn, and Style Dictionary.
How do I test mobile app accessibility?
Use mobile-a11y, which reviews React Native, Expo, iOS (SwiftUI/UIKit), and Android (Jetpack Compose/Views) code. It checks touch targets, screen reader properties, focus management, and platform-specific semantics.
Does a11y-skills help with Word and PDF accessibility?
Yes. document-a11y audits Word, Excel, PowerPoint, and PDF files. It maps WCAG 2.2 AA to format-specific rules and provides remediation steps using native tools first, then technical details like Open XML or PDF/UA.
Can I use a11y-skills in my CI/CD pipeline?
Yes. a11y-testing-coach teaches how to integrate accessibility tools (axe-core, Pa11y, Lighthouse) into CI/CD pipelines and covers screen reader testing workflows (NVDA, VoiceOver, JAWS, TalkBack) and keyboard-only testing.
What's the difference between a11y-skills and manual accessibility testing?
a11y-skills automates code review and compliance checking at scale, catching common issues instantly. Manual testing remains essential for user experience; these skills complement it by removing tedious, repetitive checks and teaching WCAG requirements.
Does markdown-a11y fix accessibility issues automatically?
Yes. It scans markdown across nine domains (links, alt text, headings, tables, emoji, diagrams, dashes, anchors, plain language), identifies issues, and provides auto-fixable remediation with a scoring system.

Glossary

WCAG 2.2
Web Content Accessibility Guidelines version 2.2, the W3C standard defining how to make web content accessible. Levels include A (minimum), AA (standard compliance target), and AAA (enhanced).
ARIA
Accessible Rich Internet Applications. HTML attributes that enhance semantic meaning for assistive technologies like screen readers, used on dynamic components where native HTML is insufficient.
Screen reader
Assistive technology software (NVDA, VoiceOver, JAWS, TalkBack) that reads page content aloud, enabling blind and low-vision users to navigate and interact with web and mobile apps.
Focus management
The programmatic control of keyboard navigation order and which element receives input focus, critical for keyboard-only users and assistive technology users.
Color contrast ratio
The mathematical measure of lightness difference between text and background colors, required to meet WCAG standards for visibility by people with low vision or color blindness.

More in Accessibility

All →
Accessibility

A&T Claude Skills

Reusable Claude Code skills for accessibility audits, WCAG compliance checking, and web development workflows

automateandtweak
Accessibility

Prism Inspector

Complete UX/UI design critique and WCAG 2.2 AA accessibility audit in one tool. Review screenshots, Figma URLs, live sites, or HTML files.