An advanced accessibility testing and remediation skill powered by the axe MCP Server for ensuring WCAG compliance in web applications.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install axe-devtools
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 axe-devtools 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 Axe Accessibility?
The Axe Accessibility skill empowers developers to integrate professional-grade accessibility auditing directly into their AI-driven development environment. By leveraging the axe MCP Server from Deque Systems, this Openclaw Skills resource allows agents to scan live web pages, identify critical accessibility gaps, and generate precise remediation guidance. It is designed to work across various UI technologies including HTML, JSX, TSX, Vue, and Svelte, making it an essential tool for modern frontend development. This skill ensures that accessibility is not an afterthought but a core part of the automated coding workflow.
Axe Accessibility Use Cases
- Scanning live web applications or local development servers for WCAG compliance during the build process.
- Generating automated remediation advice for complex accessibility issues like ARIA usage, color contrast, and keyboard focus.
- Integrating accessibility audits into the software development lifecycle using Openclaw Skills to maintain high standards.
- Validating UI components for accessibility before deployment to production environments to reduce legal and usability risks.
How Axe Accessibility Works
- The skill triggers the axe MCP Server via a Docker container to perform a comprehensive analysis of a target URL.
- The system generates a detailed JSON-RPC response containing specific violations, their impact levels, and exact CSS selectors.
- The AI remediation engine within the skill processes specific violation data to provide actionable and framework-specific code fixes.
- Developers or AI agents apply the recommended changes directly to the source code to resolve the identified accessibility issues.
- A final verification scan is performed using the Openclaw Skills workflow to ensure all violations have been successfully cleared.
Axe Accessibility Setup
To get started with this skill, ensure Docker is running on your local machine and you have a valid Axe DevTools for Web subscription. Configure your AXE_API_KEY environment variable and pull the server image:
docker pull dequesystems/axe-mcp-server:latest
Use the included Node.js wrapper script to interact with the service tools:
# To analyze a specific URL or localhost
node scripts/axe-mcp.js analyze <url>
# To get AI-powered remediation for a specific violation
node scripts/axe-mcp.js remediate <ruleId> <elementHtml> <issueDescription>
Axe Accessibility Data Schema & Taxonomy
The skill returns structured data through the axe MCP interface, focusing on detailed violation metadata. This allows Openclaw Skills to precisely locate and fix accessibility bugs.
| Property | Description |
|---|---|
| rule | The specific accessibility rule identifier (e.g., color-contrast). |
| impact | Severity of the issue (e.g., critical, serious, moderate, minor). |
| selector | The exact CSS selector path to the affected DOM element. |
| source | The raw HTML source of the violating element. |
| code_fix | AI-suggested HTML or CSS modifications to resolve the violation. |
Axe Accessibility Advanced Features
- Real-time browser-based scanning using headless Docker environments for accurate DOM state analysis.
- Intelligent AI remediation that provides context-aware code suggestions tailored to the specific UI framework in use.
- Seamless support for local development environments, enabling testing of localhost URLs before code is committed.
- Comprehensive reporting compatible with Openclaw Skills that maps accessibility violations directly to remediation workflows.
SKILL.md
Loading
Related Openclaw Skills
Nano Banana Pro
A sophisticated AI image generation and editing tool that integrates Gemini 3 Pro Image capabilities directly into your development workflow.
WeChat Article Assistant
A comprehensive writing and formatting engine designed to produce human-like, viral-ready WeChat public account articles with automated layout and styling.
BlockBeats to ChainThink Content Automator
An automated workflow skill that scrapes BlockBeats articles and saves them directly to the ChainThink backend as drafts.
Smart Expense Tracker (zhichu-tracker)
An AI-powered personal finance tool that tracks expenses and income using natural language processing and secure local JSON storage.
last30days
A specialized research skill that mines Reddit, X/Twitter, and the web for the last 30 days of practitioner insights.
LinkedIn Inbox Manager
An automated UI-based manager that monitors LinkedIn messages, drafts style-matched replies, and facilitates human-in-the-loop approval workflows.
Featured*
