โ† All skills
Tencent SkillHub ยท Developer Tools

Axe DevTools

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.

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

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.

โฌ‡ 0 downloads โ˜… 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md, scripts/axe-mcp.js

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

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.

Upgrade existing

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.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
4.0.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 11 sections Open source page

axe Accessibility Skill

Test web pages for accessibility violations and get AI-powered remediation guidance using the axe DevTools MCP Server.

Prerequisites

Docker running locally AXE_API_KEY environment variable set Docker image pulled: dequesystems/axe-mcp-server:latest

Tools

The wrapper script at scripts/axe-mcp.js (Node.js โ€” no extra dependencies) provides two tools:

analyze

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.

remediate

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.

tools-list

List available MCP tools. node scripts/axe-mcp.js tools-list

Workflow

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

Notes

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.

Support

For technical support, bug reports, and feature requests: Email: helpdesk@deque.com Support Portal: support.deque.com Support Guide

Pricing & Sales

Product Page: deque.com/axe/mcp-server Contact Sales: deque.com/contact

About Deque

Deque Systems is the trusted leader in digital accessibility. LinkedIn: Deque Systems

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
1 Docs1 Scripts
  • SKILL.md Primary doc
  • scripts/axe-mcp.js Scripts