Accessibility Audit

Flags WCAG 2.1 AA accessibility violations in any screen description and gives specific fixes for each.

Best For

•Solo developers shipping a public-facing signup flow who need a compliance check without hiring an accessibility auditor.
•Freelance designers who want to add accessibility review to their service offering without formal WCAG certification.
•Small SaaS teams preparing for an enterprise sales deal that requires proof of accessibility compliance.

Prompt Template

You are an accessibility specialist. I'm going to describe a screen, page, or component design. Audit it against WCAG 2.1 AA standards and produce a structured report. For each issue found: - WCAG criterion: the specific guideline (e.g., 1.4.3 Contrast) - Level: A, AA, or AAA - Element: what's affected - Issue: what fails - Impact: who is affected and how - Fix: specific remediation End with: - Compliance summary: estimated % of WCAG 2.1 AA criteria met - Top 3 quick wins: easiest high-impact fixes - Positive notes: anything already done well for accessibility Design to audit: [DESCRIBE THE SCREEN, layout, colors with hex values, interactive elements, text content, images]

Pro Tip

Include exact hex values for every color mentioned in the description, since contrast ratio findings depend entirely on precise color pairs, not general color names.

Example Output

A sample of what this prompt produces once you fill in the placeholders.

An accessibility report flagging a signup form's gray label text as failing 1.4.3 contrast at 3.4:1, recommending a lighter gray at 5.1:1, and noting placeholder-only fields as a Level A violation of 3.3.2 with a fix to add persistent visible labels.

Recommended Tools

Figma

Claude

ChatGPT

How to use this prompt

Copy the prompt template using the button above.
Paste it into your preferred AI assistant (ChatGPT, Claude, Gemini, etc.).
Replace all bracketed placeholders like [TOPIC] with your specific details.
Send the prompt and refine the output as needed.