An automated scanning tool that identifies WCAG violations in HTML and JSX and provides AI-powered fix suggestions.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install a11y-auditor
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install a11y-auditor using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Accessibility Auditor (a11y-auditor)?
The Accessibility Auditor is a developer-centric tool designed to eliminate the friction of manual accessibility testing. By scanning your source code for WCAG 2.1 AA violations, it ensures that your web applications are inclusive and compliant from the start. This utility is a standout among Openclaw Skills for its ability to not just identify problems like broken heading hierarchies or missing alt text, but to also provide context-aware solutions.
Built for modern workflows, it bridges the gap between raw code and accessible user experiences. Whether you are working on a massive enterprise application or a small side project, using this tool as part of your Openclaw Skills toolkit ensures high-quality, accessible output without the need for specialized a11y expertise.
Accessibility Auditor (a11y-auditor) Use Cases
- Scanning public-facing web applications to ensure legal WCAG compliance.
- Auditing inherited codebases with poor accessibility history.
- Automating pre-PR checks to catch violations before they reach code review.
- Generating educational fix suggestions for teams learning accessibility standards.
How Accessibility Auditor (a11y-auditor) Works
- The tool parses your local HTML or JSX files to extract the underlying DOM structure.
- It evaluates the code against WCAG 2.1 AA standards, identifying issues like color contrast or incorrect ARIA usage.
- Detected violations are sent to an AI model that analyzes the specific context of your code.
- The system generates actionable code snippets and remediation steps for each identified issue.
- A detailed report is outputted to the console, categorized by severity to help you prioritize fixes.
Accessibility Auditor (a11y-auditor) Setup
This tool requires Node.js 18+ and can be executed without a permanent local installation. To integrate it with your Openclaw Skills workflow, simply run the following command in your terminal:
npx ai-a11y src/
You can also target specific files or use glob patterns for more granular control:
# Scan specific component files
npx ai-a11y src/components/Header.tsx
# Scan all JSX files in the project
npx ai-a11y "src/**/*.jsx"
Accessibility Auditor (a11y-auditor) Data Schema & Taxonomy
The auditor organizes its findings based on the structural hierarchy of your project files. The output data is organized as follows:
| Attribute | Description |
|---|---|
| File Location | The relative path and line number of the violation. |
| Violation Type | The specific WCAG rule being broken (e.g., Image Alt Text). |
| Severity Level | High, Medium, or Low priority indicators for triage. |
| AI Fix Suggestion | A recommended code block to resolve the specific violation. |
| Documentation Link | References to official WCAG guidelines for further reading. |
Accessibility Auditor (a11y-auditor) Advanced Features
- Multi-format support for both static HTML and dynamic JSX/TSX components.
- Severity-based reporting to focus on critical accessibility blockers first.
- Zero-configuration setup via npx, making it compatible with any Openclaw Skills automation script.
- Context-aware AI remediation that understands modern React/JSX syntax.
- Glob pattern support for flexible directory and file targeting.
SKILL.md
Loading
Related Openclaw Skills
Web3 Data Explorer (Chainbase)
A powerful tool for querying and analyzing real-time on-chain blockchain data across multiple EVM-compatible networks using Chainbase APIs.
GitHub Activity Feed (Nom)
A powerful skill to fetch and summarize real-time GitHub activity feeds from repositories or organizations via the Nom platform.
GitHub Activity Feed (Nom)
A specialized skill to fetch, filter, and summarize real-time GitHub events and activity from the Nom feed.
Polymarket + Hyperliquid Trading Agent
Automate and synchronize prediction market bets on Polymarket with perpetual futures positions on Hyperliquid for advanced hedging and arbitrage.
GitHub Action Generator
Convert natural language descriptions into fully functional, production-ready GitHub Actions workflow YAML files.
ADR Gen
ADR Gen is an AI-driven CLI tool designed to automate the creation of structured Architecture Decision Records to capture technical rationale.
Featured*
