Accessibility Checklist: [feature / page]
WCAG 2.2 AA checklist – perceivable to robust
उपयोग कैसे करें: Before every release touching UI. Automated scan catches maybe half; keyboard and SR passes are manual.
प्रीव्यू
Accessibility Checklist: [feature / page]
WCAG 2.2-aligned review – the checks to run before shipping. Level AA is the target; A items are non-negotiable.
| Field | Value |
|---|---|
| Scope | [feature / page / release] |
| Reviewer | @name |
| Date | YYYY-MM-DD |
| Verdict | Pass / Pass with issues / Blocked |
Perceivable
- Text contrast >= 4.5:1 (3:1 for large text)
- UI component contrast >= 3:1
- No information conveyed by color alone
- Images have meaningful alt text (or
alt=""if decorative) - Media has captions / transcripts
- Layout works at 200% zoom and 320px width
Operable
- Everything works with keyboard only – no traps
- Visible focus indicator on all interactive elements
- Focus order matches visual order
- Skip link to main content
- No seizure-triggering flashing (> 3 flashes/sec)
- Touch targets >= 24x24 px (44px preferred)
- Time limits are extendable
- Motion honors
prefers-reduced-motion
Understandable
- Page language declared (
langattribute) - Errors identified in text, not just color
- Labels or instructions on all inputs
- Consistent navigation and component behavior
- Status changes announced (aria-live where needed)
Robust
- Valid semantic HTML (headings in order, landmarks present)
- Name, role, value correct on custom controls
- Tested with a screen reader: [NVDA / VoiceOver]
Test evidence
| Method | Result | Date |
|---|---|---|
| Automated scan ([axe / Lighthouse]) | N violations | YYYY-MM-DD |
| Keyboard pass | ||
| Screen reader pass |
Issues found
| Issue | WCAG | Severity | Owner | Status |
|---|---|---|---|---|
| e.g. 1.4.3 | Critical / Major / Minor | @name | Open |