Web Accessibility
Analyzes web pages for WCAG compliance, suggesting fixes to improve accessibility for users with disabilities.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add s-hiraoku-web-accessibility npx -- -y @trustedskills/s-hiraoku-web-accessibility
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"s-hiraoku-web-accessibility": {
"command": "npx",
"args": [
"-y",
"@trustedskills/s-hiraoku-web-accessibility"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill enables AI agents to analyze and improve the accessibility of web pages, ensuring they are usable by people with disabilities. It helps identify barriers in navigation, contrast, and semantic structure to create more inclusive digital experiences.
When to use it
- Audit a website before launch to catch missing alt text or poor color contrast.
- Refactor legacy HTML codebases that lack proper ARIA labels or heading hierarchies.
- Validate forms to ensure error messages are announced correctly by screen readers.
- Generate an accessibility report highlighting WCAG compliance gaps for stakeholders.
Key capabilities
- Detects missing alternative text for images and media elements.
- Identifies insufficient color contrast ratios between text and backgrounds.
- Flags improper heading structures and skipped navigation landmarks.
- Suggests ARIA attribute additions for dynamic content and custom widgets.
- Evaluates keyboard navigability and focus management issues.
Example prompts
"Analyze this HTML snippet and list all accessibility violations according to WCAG 2.1." "Refactor this React component to include proper ARIA labels for screen reader support." "Generate a checklist of accessibility improvements needed for this landing page design."
Tips & gotchas
Ensure the AI agent has access to the full DOM structure or valid HTML/CSS code to provide accurate audits. Results may vary if the input lacks context about the target audience or specific WCAG version requirements.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.