Design Accessibility
Automatically assesses designs for accessibility issues and suggests practical remediation steps based on WCAG guidelines.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add design-accessibility npx -- -y @trustedskills/design-accessibility
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"design-accessibility": {
"command": "npx",
"args": [
"-y",
"@trustedskills/design-accessibility"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill helps AI agents incorporate accessibility best practices into designs. It can analyze existing designs and suggest improvements to meet WCAG guidelines, ensuring broader usability for individuals with disabilities. The skill aims to create more inclusive and user-friendly digital experiences by focusing on aspects like color contrast, alternative text for images, and keyboard navigation.
When to use it
- Website Redesign: Before launching a new website or redesigning an existing one, use this skill to proactively identify and fix accessibility issues.
- Marketing Material Creation: Ensure flyers, presentations, and other marketing materials are accessible to everyone.
- App Development: Integrate accessibility checks into the app development process from the beginning.
- Content Audits: Regularly audit existing digital content to maintain a high level of accessibility.
Key capabilities
- WCAG guideline adherence checking
- Color contrast analysis
- Alternative text suggestions for images
- Keyboard navigation assessment
Example prompts
- "Analyze this website design and suggest improvements for WCAG compliance."
- "What are the color contrast issues in this image, and how can I fix them?"
- "Suggest alt text for this image of a product demonstration."
Tips & gotchas
The skill's effectiveness depends on providing clear and complete design information. While it offers suggestions, always consult with accessibility experts to ensure full compliance with relevant guidelines.
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.