accessibility-audit

Audit Webflow pages for WCAG 2.1 issues and generate actionable fixes.

111|18|Updated Jan 7, 2026
One-click install
npx skills add https://github.com/webflow/webflow-skills --skill accessibility-audit-webflow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/webflow/webflow-skills/tree/main/plugins/webflow-skills/skills/accessibility-audit
Command: npx skills add https://github.com/webflow/webflow-skills --skill accessibility-audit-webflow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers and developers identify and remediate WCAG 2.1 accessibility issues on Webflow pages, producing a clear, prioritized report with actionable fixes. It leverages Webflow MCP tools and requires a Webflow Designer connection to access element attributes and site structure. Excludes image alt text (covered by asset-audit skill).

Core Features & Use Cases

  • WCAG 2.1 auditing: Checks buttons, forms, links, focus states, headings, and keyboard navigation to surface accessibility gaps.
  • Report generation & fixes: Produces detailed findings with recommended fixes and notes on impact.
  • Designer integration: Requires Webflow MCP tools and Webflow Designer to access element attributes and site structure for accurate analysis.
  • Use Case: A design team audits the homepage and key templates, receives a prioritized task list, and implements fixes in design system components.

Quick Start

Start a page audit by selecting the site and page in Claude Code, choose the audit scope, and run the accessibility audit. Review the generated report and apply fixes as needed.

Frequently Asked Questions about accessibility-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my Webflow site for WCAG 2.1 compliance?

Auditing Webflow pages for WCAG 2.1 compliance involves checking buttons, forms, links, focus states, headings, and keyboard navigation. It surfaces accessibility gaps and produces a prioritized report with recommended fixes and impact notes.

What do I need to run an accessibility audit on Webflow pages?

Running an accessibility audit requires Webflow MCP tools and an active Webflow Designer connection to access element attributes and site structure. This setup enables accurate identification of WCAG 2.1 issues across your pages.

Can I choose specific categories for a Webflow accessibility audit?

Yes, you can select an audit scope for your Webflow pages: full, critical-only, or category-specific. This targets specific areas like focus states, forms, buttons, links, and headings to generate tailored accessibility reports.

Does the Webflow accessibility audit check image alt text?

No, the Webflow accessibility audit does not check image alt text; that is covered by the asset-audit skill. This audit instead checks buttons, forms, links, focus states, headings, and keyboard navigation for WCAG 2.1 issues.

What is the best way to fix WCAG 2.1 issues on Webflow pages?

The best way to fix WCAG 2.1 issues is to use an accessibility audit report that provides designer-ready guidance and actionable fix suggestions. This allows teams to systematically implement fixes in Webflow design system components.