Accessibility Audit

Audit a user interface for WCAG-relevant gaps and return structured, actionable findings.

AI Agents / Developmentai-agentsdevelopment
by AgentVoltv1.0.0Published 1y ago1 install
Free to sign up · every skill included with AgentVolt Pro

Before & after

Same prompt, same agent — the only difference is the skill.

PromptHow accessible is my web app to users with disabilities?
Beforegeneric AI agent
Accessibility is important for web apps. You'll want to make sure your site works for people with different abilities. Consider things like screen reader compatibility and keyboard navigation. Color contrast is important for visibility. Make sure text is readable. Test with different browsers and assistive technologies. Provide alt text for images. Think about how your site works without a mouse. There are accessibility guidelines you should follow. Have you tested with any assistive tools?
Afterwith Accessibility Audit
ACCESSIBILITY AUDIT REPORT: ReactFinance dashboard

CRITICAL ISSUES (WCAG 2.1 AA violations, block users):
1. Form inputs lack labels (3 forms affected)
   Impact: Screen reader users cannot identify fields
   Fix: Add <label htmlFor='input_id'> to every input (30min)
   Test: Voice Over (Mac), NVDA (Windows)

2. Color-only status indicators (red=error, green=success)
   Impact: Colorblind users (8% of male population) miss warnings
   Fix: Add text labels + icons (45min)
   Affected components: TransactionStatus, AlertBanner, FormError

3. Keyboard trap: Modal dialog (tab cannot escape)
   Impact: Keyboard-only users stuck
   Fix: Trap focus within modal, return to trigger on Escape (20min)

MAJOR ISSUES (degraded experience, not blockers):
• Heading hierarchy broken (h1 → h4, skips h2/h3) → reorder (1hr)
• Link text 'Click here' not descriptive → use action verbs (30min)
• Images missing alt text (8 charts, 4 avatars) → add descriptions (45min)

MINOR ISSUES (nice-to-have):
• Increase touch target size from 32px to 44px (larger fingers)
• Add focus outline (currently invisible)

TIME TO AA COMPLIANCE: 4 hours
RECOMMENDED SEQUENCE: Fix critical → major → minor

About this skill


name: cmd-a11y-audit description: Use when Structured Claude skill that gives Claude a repeatable workflow for cmd a11y audit.

Cmd A11y Audit

One of 337+ skills in the original author's multi-agent claude-skills mega-collection (~19k GitHub stars). Packages the Cmd A11y Audit workflow with its own instructions and validation so outputs stay consistent.

What you get

  • Public GitHub repo (alirezarezvani/claude-skills)
  • the cmd-a11y-audit skill folder with SKILL.md. Part of a 337-skill / 30-agent / 70-command install.

Customize your output

  • Fork the repo and adapt the skill's instructions and references to your workflow.

Example output

Activates automatically when your request matches Cmd A11y Audit; chains with the other skills, agents, and commands in the collection.

Best for

Creators, builders, and teams using Claude Code.

SKILL.md preview

SKILL.md
---
name: cmd-a11y-audit
description: Use when a user interface needs a repeatable accessibility audit workflow to check for compliance and usability gaps.
version: 1.0.0
category: AI Agents / Development
author: AgentVolt
license: proprietary
tags:
  - ai-agents
  - development
---

# Cmd A11y Audit

Runs a repeatable accessibility audit workflow over a user interface, checking for WCAG-relevant gaps and producing a structured, actionable findings list.

## When to use

… (sign up to view the full skill)
Sign up to view, copy, and install the full skill

More ai & agents skills

View all AI & Agents skills →