accessibility-check

Audits web components for WCAG 21 AA compliance across five categories.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Async-IO/pierre_mcp_server --skill accessibility-check-async-io
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-check
Source: https://github.com/Async-IO/pierre_mcp_server/tree/main/.claude/skills/accessibility-check
Command: npx skills add https://github.com/Async-IO/pierre_mcp_server --skill accessibility-check-async-io

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need for web accessibility by auditing frontend components for compliance with WCAG 2.1 AA standards, ensuring usability for all users.

Core Features & Use Cases

  • Automated Audits: Performs checks for keyboard navigation, screen reader support, color contrast, touch target size, and motion/animation accessibility.
  • Code Snippet Analysis: Identifies common accessibility pitfalls directly within code (e.g., missing aria-label on icon buttons, images without alt text).
  • Use Case: Before deploying a new feature, run this audit to proactively identify and fix accessibility issues, preventing potential user exclusion and ensuring legal compliance.

Quick Start

Run an accessibility audit on the frontend components to check for WCAG 2.1 AA compliance.

Frequently Asked Questions about accessibility-check

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

FAQPage Schema
How do I audit frontend code for WCAG 2.1 AA compliance?

To audit frontend code for WCAG 2.1 AA compliance, analyze components directly to verify keyboard navigation, screen reader support, color contrast, touch targets, and motion accessibility. The audit examines code snippets to identify specific violations and generates a detailed report with actionable fixes.

What does an accessibility audit check for in web components?

An accessibility audit checks web components for keyboard navigation, screen reader support, color contrast, touch target size, and motion or animation constraints. It scans code to find common pitfalls like missing aria-labels on icon buttons or images without alt text to verify WCAG 2.1 AA standards.

Can I use this to find missing aria-labels and alt text in my code?

Yes, you can use this to find missing aria-labels and alt text in your code. The audit analyzes frontend code snippets to identify common accessibility violations, including icon buttons missing aria-label attributes and images deployed without alt text.

When do I need to run a WCAG 2.1 AA accessibility audit?

You need to run a WCAG 2.1 AA accessibility audit before deploying a new frontend feature. Running this audit proactively identifies and resolves accessibility issues, preventing potential user exclusion and ensuring legal compliance with web standards.

Does the accessibility audit provide fixes for color contrast and touch target violations?

Yes, the accessibility audit provides fixes for color contrast and touch target violations. It conducts a comprehensive check across these areas and delivers a detailed report containing actionable fixes to resolve the identified WCAG 2.1 AA compliance failures.