📋 Accessibility Audit
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).
npx playbooks add skill webflow/webflow-skills --skill accessibility-audit
About Accessibility Audit
The Accessibility Audit tool runs a comprehensive accessibility audit on Webflow pages, checking elements such as buttons, forms, and links against the WCAG 2.1 standard, and generates detailed reports with suggested fixes. This tool requires a connection to Webflow Designer to function, and it excludes image alt text from its audit, which is instead covered by the asset-audit skill. A developer would use this tool to ensure their web pages are accessible and to identify areas that need improvement, particularly when working with Webflow pages.
The 37-word prompt provides structured developer workflow guidance — covering detailed methodology and consistent output formats. Install it in one command.
Use Cases
- Streamlining git workflows and commit conventions
- Setting up CI/CD pipelines and deployment scripts
- Managing monorepos and multi-package projects
- Automating release notes and changelogs
Example Prompts
System Prompt (37 words)
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).
Frequently Asked Questions
What is Accessibility Audit?
Accessibility Audit is a free developer workflow skill for AI coding agents. 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).. It provides a specialized system prompt that configures your agent with developer workflow expertise.
How do I use Accessibility Audit with Claude Code?
Run npx playbooks add skill webflow/webflow-skills --skill accessibility-audit in your terminal to install Accessibility Audit into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Accessibility Audit?
Accessibility Audit is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Accessibility Audit free to use?
Yes, Accessibility Audit is completely free and open source. The full source is available on GitHub at https://github.com/webflow/webflow-skills/tree/main/plugins/webflow-skills/skills/accessibility-audit. You only need a subscription to the AI agent you use it with.
