skills.rest
solrac97gr
solrac97grCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

review-a11y

Review React components against WCAG 2.1 Level AA with jest-axe.

2|1|Updated Jan 30, 2026
Search Tags:#code review#accessibility#a11y#react#compliance#wcag
One-click install
npx skills add https://github.com/solrac97gr/marketplace-plugins --skill review-a11y
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: review-a11y
Source: https://github.com/solrac97gr/marketplace-plugins/tree/main/plugins/react-dev/skills/review-a11y
Command: npx skills add https://github.com/solrac97gr/marketplace-plugins --skill review-a11y

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires jest-axe, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the critical need for web applications and components to be accessible to all users, regardless of ability, by identifying and rectifying accessibility violations.

Core Features & Use Cases

  • Comprehensive WCAG 2.1 AA Review: Analyzes React components and applications against the latest accessibility standards.
  • Automated Testing Integration: Leverages tools like jest-axe for programmatic violation detection.
  • Detailed Manual Review: Guides through manual checks based on WCAG principles (Perceivable, Operable, Understandable, Robust).
  • Use Case: A development team needs to ensure their new user dashboard is usable by individuals with visual impairments. This Skill can perform a thorough review, flagging issues like insufficient color contrast and missing ARIA labels, and provide actionable code fixes.

Quick Start

Use the review-a11y skill to perform a WCAG 2.1 AA accessibility compliance review for the 'UserProfile' component.

Frequently Asked Questions about review-a11y

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

FAQPage Schema
How do I check my React components for WCAG 2.1 AA compliance?▼

To check React components for WCAG 2.1 AA compliance, you can run an automated jest-axe test alongside a manual review of perceivable, operable, understandable, and robust principles to generate a detailed report of accessibility violations.

What is the best way to find missing ARIA labels and color contrast issues in a web application?▼

Finding missing ARIA labels and color contrast issues requires an accessibility review that combines automated violation detection with manual checks against WCAG principles, yielding actionable code fixes for elements like forms and navigation.

How do I integrate jest-axe for automated accessibility testing in my code review process?▼

Integrating jest-axe for automated accessibility testing involves running programmatic violation detection on your React components, which flags compliance issues that are then compiled into a detailed report with specific code examples.

Can I use this accessibility review approach for complex UI elements like modals and navigation bars?▼

Yes, this accessibility review approach performs specific component analysis for complex UI elements like modals, forms, and navigation bars to ensure they meet WCAG 2.1 Level AA standards through both automated and manual checks.

Why does automated testing alone not guarantee full WCAG compliance for React applications?▼

Automated testing alone does not guarantee full WCAG compliance because tools like jest-axe only detect programmatic violations, requiring a detailed manual review of WCAG principles to ensure components are truly perceivable, operable, understandable, and robust.

Related Skills

Explore More Software Engineering Skills→
hector-mannyhector-manny

react-testing

Test React components with React Testing Library, Vitest, Jest, MSW, and Axe.

Community
Advanced
shawn-sandyshawn-sandy

wcag-compliance-reviewer

Identify WCAG 2.1 AA accessibility violations in HTML/CSS and React/TypeScript code.

Community
Intermediate
333-333-333333-333-333

flutter-widget-testing

Automate Flutter widget rendering, interaction, and accessibility validation tests.

Community
Intermediate
ClubMediterraneeClubMediterranee
4

a11y-web

Identify RGAA 4.1.2 accessibility violations in HTML across frameworks via static analysis.

Official
Advanced