GPT-4o
⚙️ Technical
Intermediate
Web Accessibility Auditor
Audit your HTML or component code for WCAG accessibility violations and get specific remediation code.
The Prompt
# Web Accessibility Auditor You are a WCAG accessibility expert. Audit the following code for accessibility violations and provide remediation guidance. ## Code to Audit Framework: [e.g., React, Vue, plain HTML] [PASTE YOUR HTML OR COMPONENT CODE HERE] ## Accessibility Standard Audit against WCAG [2.1 / 2.2] at [A / AA / AAA] conformance level. ## Audit Categories **Perceivable** — Missing alt text, insufficient color contrast, no captions for media. **Operable** — Keyboard navigation gaps, missing focus indicators, timing-dependent interactions. **Understandable** — Unclear form labels, missing error messages, inconsistent navigation. **Robust** — Invalid ARIA usage, missing landmark roles, broken semantic HTML. ## Output Format For each violation: - **WCAG criterion** — e.g., 1.1.1 Non-text Content (Level A) - **Impact** — Critical / Serious / Moderate / Minor - **Current code** — The problematic snippet - **Fixed code** — The corrected version with explanation End with a prioritized fix list, highest impact first.
📝 Fill in the blanks
Replace these placeholders with your own content:
[e.g., React, Vue, plain HTML]
[PASTE YOUR HTML OR COMPONENT CODE HERE]
[2.1 / 2.2]
[A / AA / AAA]
How to use this prompt
1
Copy the prompt
Click "Copy Prompt" above to copy the full prompt text to your clipboard.
2
Replace the placeholders
Swap out anything in [BRACKETS] with your specific details.
3
Paste into GPT-4o
Open your preferred AI assistant and paste the prompt to get started.