Setup & Installation
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
What This Skill Does
Audits HTML and CSS against WCAG 2.1 standards, checking color contrast ratios, ARIA label coverage, keyboard navigation paths, and screen reader compatibility. Provides actionable findings with code examples and explains trade-offs between remediation approaches.
Covers contrast, ARIA, keyboard, and screen reader concerns in one pass rather than requiring separate tools or manual checks for each category.
When to use it
- Checking a form for missing ARIA labels before a product launch
- Verifying color contrast ratios meet WCAG AA or AAA thresholds
- Reviewing keyboard tab order in a navigation menu or modal dialog
- Finding screen reader compatibility issues in dynamically rendered content
- Preparing an audit report before submitting a site for accessibility certification
Example Workflow
Here's how your AI assistant might use this skill in practice.
User asks: Audit this HTML snippet for WCAG 2.1 compliance
- 1Parses the HTML structure to identify interactive elements and landmarks
- 2Checks ARIA roles, labels, and descriptions for completeness and correctness
- 3Evaluates color values in inline styles or referenced CSS for contrast ratio compliance
- 4Traces keyboard focus order and identifies elements that are unreachable or out of sequence
- 5Returns a prioritized list of violations with corrected code examples
A structured report listing WCAG violations by criterion, severity, and suggested code fixes