An AI-driven CLI tool that scans HTML and JSX for accessibility issues and provides ready-to-use code fixes.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install ai-a11y
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 ai-a11y 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 a11y-checker?
a11y-checker is a specialized utility designed to simplify the process of making web applications accessible. Unlike traditional linters that only point out errors, this tool uses artificial intelligence to analyze WCAG guideline failures and generate actual code fixes. It integrates seamlessly into the modern developer workflow, making it a valuable addition to your library of Openclaw Skills for maintaining high-quality codebases.
The tool focuses on removing the friction between identifying an accessibility bug and resolving it. By providing direct code suggestions for JSX and HTML, it helps developers ensure their applications are inclusive without requiring exhaustive manual research into ARIA patterns or contrast requirements.
a11y-checker Use Cases
- Auditing legacy frontend codebases to identify and fix inherited accessibility debt.
- Pre-deployment checks for new components to ensure WCAG compliance before merging.
- Integrating automated accessibility reviews into local development environments.
- Generating rapid fix suggestions for complex keyboard navigation and focus management issues.
How a11y-checker Works
- The user points the CLI tool toward a specific file or a directory containing frontend code.
- The engine parses the source code to identify HTML elements and JSX components.
- A scan is performed to detect violations of standard WCAG accessibility rules.
- The tool leverages an AI model to generate optimized code snippets that resolve the detected issues.
- The results are displayed in the terminal, showing the error location and the suggested fix for immediate implementation.
a11y-checker Setup
To use this tool within your suite of Openclaw Skills, ensure you have Node.js 18+ installed. You must also configure your OpenAI API key in your environment.
# Set your API key
export OPENAI_API_KEY='your_api_key_here'
# Run the scanner on a specific file
npx ai-a11y ./src/components/Button.tsx
# Run the scanner on a directory
npx ai-a11y ./src/components/
a11y-checker Data Schema & Taxonomy
The skill processes source code files and generates diagnostic reports. It organizes its analysis based on the following structure:
| Component | Description |
|---|---|
| Input Formats | Supports .html, .jsx, .tsx, and .js files. |
| Detection Engine | Maps code patterns to WCAG violation categories. |
| Fix Generation | AI-generated code diffs for specific components. |
| Metadata | Includes severity levels and specific guideline references (e.g., ARIA, Alt-text). |
a11y-checker Advanced Features
- Recursive scanning capabilities for entire project structures.
- Verbose output mode for detailed explanations of accessibility failures.
- Specialized logic for handling modern JSX and TSX syntax in React applications.
- Zero-configuration setup for quick audits across various Openclaw Skills environments.
SKILL.md
Loading
Related Openclaw Skills
ADR Writer
A CLI utility that transforms simple text descriptions into fully structured Architecture Decision Records using AI.
ADR Gen
ADR Gen is an AI-driven CLI tool designed to automate the creation of structured Architecture Decision Records to capture technical rationale.
GitHub Action Generator
Convert natural language descriptions into fully functional, production-ready GitHub Actions workflow YAML files.
Accessibility Auditor (a11y-auditor)
An automated scanning tool that identifies WCAG violations in HTML and JSX and provides AI-powered fix suggestions.
ADR Gen
A zero-config AI tool to generate structured Architecture Decision Records (ADRs) from simple natural language prompts.
Shell Alias Generator
Automatically analyze your terminal history to generate time-saving shell aliases for frequent commands.
METADATA
Featured*
