Accessibility Lead

Orchestrate accessibility specialists to validate web UI code for WCAG AA compliance.

387|42|Updated Feb 21, 2026

Search Tags:#code review #accessibility #web development #keyboard navigation #compliance #wcag #aria

Ready to run

npx skills add https://github.com/Community-Access/accessibility-agents --skill accessibility-lead

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Accessibility Lead
Source: https://github.com/Community-Access/accessibility-agents/tree/main/.gemini/extensions/a11y-agents/skills/accessibility-lead
Command: npx skills add https://github.com/Community-Access/accessibility-agents --skill accessibility-lead

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the common issue of AI-generated code neglecting accessibility standards, ensuring that web UI code meets WCAG AA compliance by coordinating a team of specialists.

Core Features & Use Cases

Orchestrates Accessibility Specialists: Delegates tasks to specialized agents (ARIA, contrast, keyboard, etc.) for comprehensive checks.
Ensures WCAG AA Compliance: Verifies adherence to semantic HTML, heading structure, ARIA usage, color contrast, and more.
Final Review Authority: Conducts a final checklist review before UI code is considered complete.
Use Case: When generating React components for a new feature, the Accessibility Lead ensures that all interactive elements have proper ARIA attributes, keyboard navigation is flawless, and color contrast meets AA standards before the code is finalized.

Quick Start

Use the Accessibility Lead to review the provided React component code for WCAG AA compliance.

Frequently Asked Questions about Accessibility Lead

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

FAQPage Schema

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

To check React components for WCAG AA compliance, you can use an accessibility review process that validates semantic HTML, heading structure, ARIA roles, color contrast, and keyboard navigation. This ensures your web UI meets accessibility standards before finalization.

What is WCAG AA compliance for web UI code?▼

WCAG AA compliance for web UI code means adhering to specific accessibility standards, including proper semantic HTML structure, correct ARIA usage, sufficient color contrast, and functional keyboard navigation. It ensures user-facing web content is accessible to people with disabilities.

How do I validate ARIA roles and keyboard navigation in JSX?▼

Validating ARIA roles and keyboard navigation in JSX involves reviewing interactive elements to ensure they have proper ARIA attributes and are fully navigable via keyboard. A comprehensive accessibility check verifies these aspects alongside semantic HTML and color contrast.

Does this work with standard HTML and CSS or only React components?▼

This accessibility validation works with all web UI code, including standard HTML, CSS, JSX, and React components. It applies to any user-facing web content or web pages that need to meet WCAG AA standards for semantic structure and dynamic content updates.

Why does AI generated code often fail accessibility checks?▼

AI generated code often fails accessibility checks because it frequently neglects accessibility standards, missing proper ARIA attributes, semantic HTML, and keyboard navigation. A specialized accessibility review orchestrates checks across these areas to enforce WCAG AA compliance.