Accessibility Quick Audit

Name: Accessibility Quick Audit
Author: Rishi Jain

WCAG-lite accessibility audit on a page. Contrast, alt text, semantics, focus, motion. Top 10 fixes.

Step 1

Get the skill

Pick one. Copy to paste straight away, or download accessibility-check.md to keep.

Step 2

Paste it into your AI

Run on every new page. Most issues are 5-minute fixes. Pair with Lighthouse for automation.

Open Claude ↗Open ChatGPT ↗Open Gemini ↗

▸Preview the skill· what gets copied

Audit this page for accessibility.

URL or code paste: {{INPUT}}
Page purpose: {{PURPOSE}}
Critical user flow: {{e.g. sign up, checkout, contact form}}

Check WCAG 2.1 AA basics:
1. Color contrast (text + background) — flag failures
2. Alt text on images (missing, decorative, descriptive)
3. Form labels (visible + linked)
4. Heading hierarchy (one H1, logical H2 to H6)
5. Focus order (tab through, mark broken)
6. Keyboard-only navigation
7. Screen reader landmarks (header, nav, main, footer)
8. ARIA roles where used (correct or misused)
9. Motion / animation (respects prefers-reduced-motion)
10. Link text (no "click here")
11. Touch targets (min 44 x 44 px)
12. Error messages (specific, near the field)

Output:
- Top 10 fixes ranked by severity (blocker / major / minor)
- For each: WCAG criterion, the fix, the code snippet (where applicable)
- Tooling recommendation (axe DevTools, WAVE, Lighthouse)

India context: Hindi / regional language support, screen reader compatibility.

Works with: Claude · Claude Code · ChatGPT · Cursor · Any model

By Rishi Jain

More skills like this

🎨

Design Project Brief

Designer-ready brief: goal, audience, references, scope, deliverables, dates. Stops the "vibe revisions" loop.

🧑‍🔬

User Research Interview Script

30-min 1:1 user interview script. Warm-up, jobs to be done, pain, solutions tried, willingness to pay.

📐

Wireframe Specification

Detailed spec for any page: layout, content blocks, interactions, states, edge cases. Dev-ready.