Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates detailed reports with fixes. Requires Webflow Designer connection. Excludes image alt text (covered by asset-audit skill).
View on GitHubFebruary 4, 2026
Select agents to install to:
npx add-skill https://github.com/webflow/webflow-skills/blob/main/plugins/webflow-skills/skills/accessibility-audit/SKILL.md -a claude-code --skill accessibility-auditInstallation paths:
.claude/skills/accessibility-audit/# Accessibility Audit Comprehensive WCAG 2.1 accessibility audit for Webflow pages with detailed issue detection and actionable fixes. ## Important Note **ALWAYS use Webflow MCP tools for all operations:** - Use Webflow MCP's `webflow_guide_tool` to get best practices before starting - Use Webflow MCP's `data_sites_tool` with action `list_sites` to identify available sites - Use Webflow MCP's `data_sites_tool` with action `get_site` to retrieve site details - Use Webflow MCP's `data_pages_tool` with action `list_pages` to get all pages - Use Webflow MCP's `element_tool` with action `get_all_elements` to get detailed element information (requires Designer) - Use Webflow MCP's `element_tool` with action `add_or_update_attribute` to fix accessibility issues (requires Designer) - Use Webflow MCP's `element_snapshot_tool` to get visual previews of elements - DO NOT use any other tools or methods for Webflow operations - All tool calls must include the required `context` parameter (15-25 words, third-person perspective) - **Designer connection required** - This skill needs Designer to access element attributes and styles ## Instructions ### Phase 1: Site & Page Selection 1. **Get site information**: Use Webflow MCP's `data_sites_tool` with action `list_sites` to identify target site 2. **Ask for page selection**: - If user provides page ID, use it directly - Otherwise, use `data_pages_tool` with action `list_pages` to show available pages - Let user select which page(s) to audit 3. **Confirm audit scope**: Ask user what to check: - Full audit (all accessibility checks) - Critical issues only (WCAG Level A) - Specific categories (forms, buttons, navigation, etc.) ### Phase 2: Element Extraction & Analysis 4. **Ensure Designer is connected**: Before proceeding, verify Webflow Designer is open and connected - If not connected, instruct user to open Designer and connect - This is required to access element attributes and styles 5. **Switch to tar