markdowneditor

Accessibility Checklist: [feature / page]

WCAG 2.2 AA checklist – perceivable to robust

Desain & UXStandarWCAG 2.2accessibilitychecklist

Cara menggunakan: Before every release touching UI. Automated scan catches maybe half; keyboard and SR passes are manual.

Pratinjau

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.

FieldValue
Scope[feature / page / release]
Reviewer@name
DateYYYY-MM-DD
VerdictPass / 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 (lang attribute)
  • 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

MethodResultDate
Automated scan ([axe / Lighthouse])N violationsYYYY-MM-DD
Keyboard pass
Screen reader pass

Issues found

IssueWCAGSeverityOwnerStatus
e.g. 1.4.3Critical / Major / Minor@nameOpen

Templat terkait