Skills
.Work. You
Rest

a11y-testing

Community

Ensure web accessibility for all users.

Design & Creative#testing#accessibility#a11y#screen reader#web development#keyboard navigation#wcag
Authormesseb
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the critical need to make web applications accessible to users with disabilities, ensuring legal compliance and a better user experience for everyone.

Core Features & Use Cases

  • WCAG Compliance: Guides development towards WCAG 2.1 Level AA standards.
  • Automated Testing: Integrates with popular testing frameworks (Vitest, Jest, Playwright) using axe-core to catch common violations.
  • Semantic HTML & ARIA: Provides best practices for using native HTML elements and ARIA patterns for interactive components, forms, and dynamic content.
  • Keyboard Navigation: Details essential keyboard operability, focus management, and skip navigation links.
  • Color Contrast: Explains contrast ratio requirements and provides methods for checking.
  • Screen Reader Testing: Outlines common screen reader/browser combinations for manual testing.
  • Audit Checklist: Offers a comprehensive list of common accessibility pitfalls to check for.

Quick Start

Use the a11y-testing skill to audit the current webpage for accessibility violations using axe-core.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: a11y-testing
Download link: https://github.com/messeb/skills/archive/main.zip#a11y-testing

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.