Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Accessibility testing and remediation using the axe MCP Server. Use when creating or modifying UI code (HTML, JSX, TSX, Vue, Svelte, CSS) to ensure accessibility compliance. Triggers on tasks involving web pages, components, forms, navigation, modals, tables, images, or any user-facing markup. Also use when explicitly asked to check accessibility or run an axe scan.
Accessibility testing and remediation using the axe MCP Server. Use when creating or modifying UI code (HTML, JSX, TSX, Vue, Svelte, CSS) to ensure accessibility compliance. Triggers on tasks involving web pages, components, forms, navigation, modals, tables, images, or any user-facing markup. Also use when explicitly asked to check accessibility or run an axe scan.
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Test web pages for accessibility violations and get AI-powered remediation guidance using the axe DevTools MCP Server.
Docker running locally AXE_API_KEY environment variable set Docker image pulled: dequesystems/axe-mcp-server:latest
The wrapper script at scripts/axe-mcp.js (Node.js โ no extra dependencies) provides two tools:
Scan a live web page for accessibility violations. Requires a URL (works with localhost). node scripts/axe-mcp.js analyze <url> Returns JSON-RPC response. The violations are in result.content[0].text (JSON string) under the data array. Each violation has: rule, impact, description, selector, source, helpUrl.
Get AI-powered fix guidance for a specific violation. Handles HTML with quotes/brackets safely. node scripts/axe-mcp.js remediate <ruleId> <elementHtml> <issueRemediation> [pageUrl] Returns general_description, remediation, and code_fix in result.content[0].text.
List available MCP tools. node scripts/axe-mcp.js tools-list
When modifying UI code and a live page is available: Analyze โ node scripts/axe-mcp.js analyze <url> Parse โ extract violations from the JSON response Remediate โ for each unique rule violation, call remediate with ruleId, element HTML, and issue description Apply โ implement the recommended code fixes in source Verify โ re-run analyze to confirm zero violations When no live page is available (static code review), apply accessibility best practices directly: Images: alt text (or alt="" for decorative) Forms: inputs need associated <label> elements Interactive elements: keyboard accessible, visible focus Color contrast: WCAG AA (4.5:1 normal text, 3:1 large text) ARIA: valid, complete, not redundant with native semantics Headings: proper hierarchy (h1 โ h2 โ h3) Dynamic content: focus management for modals, SPAs, live regions
Each remediate call uses AI credits from your organization's allocation The analyze tool spins up a real browser in Docker โ allow ~30s for results Works with localhost URLs for local development testing Note: Requires a paid Axe DevTools for Web subscription.
For technical support, bug reports, and feature requests: Email: helpdesk@deque.com Support Portal: support.deque.com Support Guide
Product Page: deque.com/axe/mcp-server Contact Sales: deque.com/contact
Deque Systems is the trusted leader in digital accessibility. LinkedIn: Deque Systems
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Largest current source with strong distribution and engagement signals.