Resource
Accessibility Checklist
Use this checklist to audit your website for WCAG 2.2 Level AA compliance. Items marked with ⚠️ are critical.
Images & Media
- ⚠️ All images have descriptive alt text
- Decorative images have empty alt attributes (alt="")
- Complex images have long descriptions
- ⚠️ Videos have captions
- ⚠️ Audio content has transcripts
- ⚠️ No auto-playing media with sound
Headings & Structure
- ⚠️ Page has one H1 describing main content
- ⚠️ Headings follow logical hierarchy (H1→H2→H3)
- Headings describe the content that follows
- Lists use proper list markup (ul, ol, dl)
- ⚠️ Tables have headers and captions
- Regions use landmark elements (main, nav, footer)
Color & Contrast
- ⚠️ Text has 4.5:1 contrast ratio (3:1 for large text)
- ⚠️ UI components have 3:1 contrast ratio
- ⚠️ Color is not the only way to convey information
- ⚠️ Links are distinguishable from regular text
- ⚠️ Focus indicators are visible
Keyboard Navigation
- ⚠️ All interactive elements are keyboard accessible
- ⚠️ Tab order follows logical reading sequence
- ⚠️ No keyboard traps
- Skip link provided to bypass navigation
- ⚠️ Focus is visible on all interactive elements
- ⚠️ Dropdown menus work with keyboard
Forms
- ⚠️ All inputs have associated labels
- ⚠️ Required fields are indicated
- ⚠️ Error messages are descriptive
- ⚠️ Errors are announced to screen readers
- Form has clear submit button
- Inline validation is accessible
Links & Buttons
- ⚠️ Link text describes destination
- No "click here" or "read more" links
- Buttons look like buttons
- Links open in same window (or warn if new)
- ⚠️ Icons have accessible names
Page Basics
- ⚠️ Page has descriptive title
- ⚠️ Language is declared on html element
- ⚠️ Page is responsive and works at 200% zoom
- ⚠️ Text can be resized without breaking layout
- Page works without JavaScript (graceful degradation)