HomeCasa Prompts

Audit the accessibility of an interface

Review a screen or HTML snippet against WCAG 2.2 and get a prioritized list of issues with their fixes. Designed for ChatGPT, Claude and Gemini. It includes 2 customizable variables and you can copy it for free in one click.

Intermediate · Text · Pending editorial review

Designed for:

Prompt

Act as a certified web accessibility auditor (WCAG 2.2 level AA).

Analyze this interface:
{{interface}}

Usage context: {{context}}

For each issue found, include:
- Affected WCAG criterion (number and name).
- Severity: critical, high, medium or low.
- Who it affects (screen readers, keyboard, low vision, color blindness, cognitive…).
- A concrete fix with corrected code where applicable.

Finish with:
1. The 3 highest-impact fixes to start with.
2. A list of manual tests I should run (keyboard, 200% zoom, screen reader).

If something cannot be evaluated from the information given, say so instead of assuming.

How to use it

Paste the screen HTML or a detailed description. An AI audit does not replace testing with users and real assistive technologies.

Usage example

Interface: sign-up form with email, password and terms checkbox.

Sample output

The snippet I received only contains <form>…</form>, so I can't evaluate the actual code. Assuming a typical mobile checkout, these are the issues worth checking first:

Findings

1. Fields without an associated label

  • Criterion: 1.3.1 Info and Relationships · 4.1.2 Name, Role, Value
  • Severity: critical · Affects: screen readers, cognitive users
  • Fix:
<label for="email">Email address</label>
<input id="email" type="email" autocomplete="email" required>

2. Errors shown only with a red border

  • Criterion: 1.4.1 Use of Color · 3.3.1 Error Identification
  • Severity: high · Affects: color blindness, screen readers
  • Fix: error text linked with aria-describedby plus aria-invalid="true".

3. "Pay" button too small on mobile

  • Criterion: 2.5.8 Target Size (Minimum)
  • Severity: medium · Affects: limited dexterity
  • Fix: at least 24 × 24 px; 44 px tall is recommended.

Manual tests

  • Complete the purchase using only the keyboard (Tab, Shift+Tab, Enter).
  • Zoom to 200% with no lost content.
  • Check error announcements with VoiceOver or TalkBack…

Key facts

Category
UI/UX design · Accessibility
Output type
Text
Level
Intermediate
Designed for
ChatGPT, Claude and Gemini
Verified in
Pending editorial verification
Variables
HTML or description and Usage context
Language
English
Price
Free, no sign-up
Updated
Nov 7, 2026

Frequently asked questions

What should I paste as the interface?

The page's HTML, a component's code or a detailed description of the screen. The more real code you provide, the more precise the findings.

Does this replace a professional audit?

No. It catches many common issues quickly, but a formal conformance audit requires manual testing with assistive technologies and, ideally, with people with disabilities.

What is this prompt for?

Review a screen or HTML snippet against WCAG 2.2 and get a prioritized list of issues with their fixes.

Which AI tools does it work with?

It is designed for ChatGPT, Claude and Gemini. We have not verified it in these tools yet, so results may vary between them.

How do I customize the prompt?

Click “Customize” and fill in the variables (HTML or description and Usage context). The text updates instantly and you can then copy it in one click. Values are stored only in your browser.

Do I need experience to use it?

It is intermediate: it helps to know the topic so you can provide good context and review the result critically.

Is this prompt free?

Yes. Every HomeCasa Prompts prompt is free, with no sign-up or subscription. You can also use them in professional projects.

Can I trust the AI output?

Treat it as a high-quality draft: always check data, figures and important claims before publishing or making decisions.

Related prompts