Does this skill check image alt text?

No, image alt text analysis is excluded from this skill and is handled by the dedicated asset-audit skill in the Webflow-skills repository.

Does it test for color contrast ratios?

No, this skill focuses on structural and semantic accessibility. Visual-only issues like color contrast require manual verification or specialized visual analysis tools.

Can I fix accessibility issues automatically?

Yes, once the audit is complete, the skill provides a list of recommended fixes that can be applied directly to your elements via the Webflow Designer connection.

Why is a Webflow Designer connection required?

A live Designer connection is necessary to access detailed element attributes and styles, navigate pages, and perform automated updates to the site structure.

What version of WCAG does this audit follow?

The audit is designed to check for compliance with WCAG 2.1 standards, covering Critical (Level A), Serious (Level AA), and Moderate accessibility issues.

Webflow Accessibility Audit

Name: Webflow Accessibility Audit
Author: webflow

bywebflow

•

Design Tools

Conducts comprehensive WCAG 2.1 accessibility audits on Webflow pages to detect and fix navigation, form, and structural issues.

About

The Webflow Accessibility Audit skill is a specialized tool for Claude Code designed to automate the identification and resolution of accessibility barriers within Webflow projects. By performing a deep structural analysis of elements like buttons, forms, links, and heading hierarchies, it ensures sites meet WCAG 2.1 standards. The skill integrates directly with the Webflow Designer to evaluate focus states and keyboard navigation, providing developers with a prioritized issue report, an accessibility score, and the ability to apply fixes automatically to enhance site inclusivity.

Key Features

Detailed accessibility scoring (0-100) based on issue severity
12 GitHub stars
Analysis of heading hierarchy and semantic document structure
Direct fix application for ARIA attributes via Webflow Designer
Automated WCAG 2.1 compliance scanning for interactive elements
Keyboard navigation and focus state visibility verification

Use Cases

Identifying and fixing missing form labels and ARIA attributes
Auditing complex site layouts for keyboard navigation compliance
Performing pre-launch accessibility checks on Webflow landing pages

About

Key Features

Detailed accessibility scoring (0-100) based on issue severity
12 GitHub stars
Analysis of heading hierarchy and semantic document structure
Direct fix application for ARIA attributes via Webflow Designer
Automated WCAG 2.1 compliance scanning for interactive elements
Keyboard navigation and focus state visibility verification

Use Cases

Identifying and fixing missing form labels and ARIA attributes
Auditing complex site layouts for keyboard navigation compliance
Performing pre-launch accessibility checks on Webflow landing pages