a11y-testing

Test web application accessibility against WCAG 2.1 AA with axe-core.

Updated Mar 8, 2026
One-click install
npx skills add https://github.com/messeb/skills --skill a11y-testing-messeb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a11y-testing
Source: https://github.com/messeb/skills/tree/main/plugins/frontend-developer/skills/a11y-testing
Command: npx skills add https://github.com/messeb/skills --skill a11y-testing-messeb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about a11y-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test web accessibility for WCAG 2.1 AA compliance?

Automated web accessibility testing for WCAG 2.1 AA compliance involves running axe-core audits to catch common violations, supplemented by manual checks for semantic HTML, ARIA patterns, and keyboard navigation.

Can I integrate axe-core accessibility testing with Vitest, Jest, and Playwright?

You can integrate axe-core accessibility testing with Vitest, Jest, and Playwright to execute comprehensive automated audits within existing testing frameworks and catch common accessibility violations.

What is the best way to ensure keyboard navigation and focus management in web applications?

Ensuring keyboard navigation and focus management requires adhering to essential keyboard operability practices, implementing proper focus management, and including skip navigation links for accessible web application traversal.

How do I check color contrast ratios for web accessibility?

Checking color contrast ratios for web accessibility involves verifying designs against specific contrast ratio requirements and applying provided methods to validate visual accessibility standards effectively.

Do I need manual screen reader testing if I use automated accessibility audits?

Manual screen reader testing remains necessary alongside automated accessibility audits to verify common screen reader and browser combinations, ensuring full compatibility beyond automated violation detection.