Checklist: Check Accessibility

Text contrast sufficient (min. 4.5:1)

Testing with tools such as Contrast Checker or Lighthouse

Provide non-text content with alternative text

e.g. <img alt="..."> or aria-label for icons

Structure clearly recognizable through headings and ARIA roles

e.g. <h1>-<h6> correctly nested

Audio and video with subtitles or transcription

Also applies to tutorials, explanatory videos and podcasts

Content still usable when text is enlarged (200%)

No horizontal scrolling required

All functions can be operated via keyboard

Tab order logical, focus visible

Interactive elements sufficiently large and focusable

e.g. buttons, forms, links

No time limits without warning or extension

e.g. for forms or sessions

Animations and movement can be switched off (if available)

e.g. respect through 'prefers-reduced-motion'

No content or functions only accessible with mouse

e.g. hover menus need focus alternative

Language of the page specified as machine-readable

e.g. <html lang="de">

Navigation and interaction patterns consistent

e.g. same behavior for buttons, menus, forms

Error messages understandable and helpful

e.g. specific instructions for form entries

Provide forms with labels, field helpers and status display

e.g. <label for="...">, aria-describedby

Content accessible in plain language (optional)

e.g. additional page with simplified explanation

Semantically correct HTML used

e.g. no <div> for buttons or headings

Compatibility with screen readers tested

e.g. NVDA, VoiceOver, TalkBack

ARIA attributes used correctly

e.g. no redundancy, no false role

Code validity checked (HTML validator)

Indicates structural errors

Accessibility regularly audited and documented

e.g. in the context of releases or maintenance cycles