accessibility-audit

Identify WCAG 2.1 AA/AAA accessibility gaps in web application UIs.

Updated Mar 14, 2026
One-click install
npx skills add https://github.com/Vivekmano27/agent-orchestrator --skill accessibility-audit-vivekmano27
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/Vivekmano27/agent-orchestrator/tree/main/plugins/project-orchestrator/skills/accessibility-audit
Command: npx skills add https://github.com/Vivekmano27/agent-orchestrator --skill accessibility-audit-vivekmano27

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify WCAG 2.1 AA/AAA accessibility gaps in a web application's UI to ensure inclusive interfaces and compliant user experiences.

Core Features & Use Cases

  • Static analysis of HTML/JSX for semantic correctness, ARIA usage, and focus management.
  • Automated accessibility testing using axe-core + Playwright to surface violations across pages.
  • Keyboard navigation validation with remediation guidance for interactive components.

Quick Start

Run the accessibility-audit skill against your web application's pages to generate a comprehensive WCAG 2.1 audit report.

Frequently Asked Questions about accessibility-audit

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

FAQPage Schema
How do I check my web application for WCAG 2.1 AA accessibility violations?

To check for WCAG 2.1 AA accessibility violations, analyze your web application's UI by running static HTML checks and automated axe-core tests to surface issues with ARIA, semantic structure, and keyboard navigation, generating a structured remediation report.

Can I use axe-core and Playwright to validate keyboard navigation in a dashboard?

Yes, you can validate keyboard navigation in dashboards using axe-core and Playwright. This combination executes automated accessibility testing across interactive components, identifying focus management gaps and providing actionable remediation guidance for compliant user experiences.

How do I audit ARIA usage and semantic HTML in a multi-page web app?

Auditing ARIA usage and semantic HTML in multi-page web apps requires static analysis of your codebase. This process evaluates semantic correctness and focus management across frameworks to identify accessibility gaps and output structured findings with actionable fixes.

What is the best way to identify color contrast and focus management issues for WCAG compliance?

The best way to identify color contrast and focus management issues for WCAG compliance is through automated accessibility testing. Tools like axe-core analyze UI elements against WCAG 2.1 AA/AAA standards, producing a structured report with detailed remediation steps.

Does automated accessibility testing work across different web frameworks?

Automated accessibility testing works across different web frameworks by analyzing the rendered DOM and UI components. It evaluates ARIA usage, semantic HTML, and keyboard navigation regardless of the underlying technology to detect WCAG 2.1 AA/AAA violations.

Why do I need keyboard navigation validation for accessible interfaces?

Keyboard navigation validation is needed for accessible interfaces to ensure users who cannot use a mouse can operate interactive components. It checks focus management and semantic correctness, providing remediation guidance to meet WCAG 2.1 AA/AAA standards.