Accessibility Audit
Identifies and suggests fixes for common WCAG accessibility issues on Webflow websites.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add accessibility-audit npx -- -y @trustedskills/accessibility-audit
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"accessibility-audit": {
"command": "npx",
"args": [
"-y",
"@trustedskills/accessibility-audit"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill performs comprehensive Web Content Accessibility Guidelines (WCAG) 2.1 audits specifically for Webflow websites. It identifies accessibility issues and suggests actionable fixes, focusing on interactive elements like buttons, links, form inputs, headings, and interactive divs/spans. The audit process requires a connection to the Webflow Designer environment to access element attributes and styles.
When to use it
- To ensure a Webflow website meets WCAG 2.1 accessibility standards.
- When identifying and resolving critical (WCAG Level A) accessibility issues on a Webflow site.
- For targeted audits of specific areas like forms, buttons, or navigation within a Webflow page.
- Before launching a new Webflow website or making significant changes to an existing one.
Key capabilities
- Site and Page Selection: Identifies available sites and pages using the
data_sites_toolanddata_pages_tool. - Element Extraction: Extracts detailed element information, including attributes and styles, using the
element_tool. - Accessibility Checks: Identifies issues related to ARIA attributes, DOM attributes, text content, and focus states.
- Issue Categorization: Prioritizes issues based on severity (critical/WCAG Level A).
- Fix Suggestions: Provides actionable fixes for identified accessibility problems.
Example prompts
- "Perform a full accessibility audit of my Webflow website."
- "Check the 'Contact Us' page on my Webflow site for critical accessibility issues only."
- "Audit the forms section of my Webflow website and suggest improvements."
Tips & gotchas
- Webflow Designer Required: A connection to the Webflow Designer is mandatory. The skill will prompt you to open and connect if it's not already established.
- MCP Tool Usage: All operations must be performed using the specified Webflow MCP tools (webflow_guide_tool, data_sites_tool, data_pages_tool, element_tool, element_snapshot_tool). Using other methods is prohibited.
- Context Parameter: Ensure all tool calls include the required context parameter as described in the instructions.
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 |
🏢 Official
Published by the company or team that built the technology.