What problem does it solve? Webflow pages often ship with accessibility barriers like unlabeled buttons, missing form labels, and removed focus outlines that block screen reader and keyboard users. This Skill scans any Webflow page headlessly via the Webflow MCP data tools, detects WCAG 2.1 violations, scores the page, and can apply fixes directly. ## Core Features & Use Cases - Headless WCAG 2.1 Audit: Extracts all page elements via data_element_tool and checks buttons, forms, links, headings, focus states, touch targets, and ARIA attributes without requiring a Designer connection. - Severity-Scored Reports: Categorizes findings as critical, serious, or moderate, calculates a 0-100 accessibility score, and generates formatted reports with element IDs, WCAG references, and concrete fixes. - Guided Auto-Fix Workflow: Presents a granular approval list and applies approved fixes using set_attributes, then reports the improved score. - Use Case: Before launching a marketing site, run a full-site audit across all 8 pages, discover that icon buttons lack labels site-wide, and fix them in one batch to raise the score from 64 to 90. ## Quick Start Run an accessibility audit on my Webflow homepage and list the critical issues with fixes.
