Web and Mobile Content Accessibility Checklist
Scope: Content only (no design or development)
1. Page Titles and Headings
- ✅ Each page has a unique, descriptive <title>.
- ✅ One <h1> per page representing the main topic.
- ✅ Headings are nested hierarchically (h1 → h2 → h3).
- ✅ Headings clearly describe the section content.
2. Text Content
- ✅ Paragraphs are used for text blocks, not headings or lists.
- ✅ Sentences are clear and concise.
- ✅ Avoid ALL CAPS except for acronyms.
3. Lists
- ✅ Use ordered (<ol>) or unordered (<ul>) lists where appropriate.
- ✅ Each item is marked with <li> elements, not typed symbols.
4. Alternative Text for Images
- ✅ Informative images include meaningful alt text.
- ✅ Decorative images use empty alt ("").
- ✅ Avoid using images of text unless necessary.
5. Tables
- ✅ Tables are for data, not layout.
- ✅ Use <th> for headers and associate with <td>.
- ✅ Add <caption> when helpful for data context.
6. Links
- ✅ Link text is descriptive (e.g., “View Report”).
- ✅ Avoid duplicate link text unless pointing to the same destination.
- ✅ Images as links have alt text describing the action.
7. Buttons
- ✅ Buttons have visible, meaningful text (e.g., “Submit”).
- ✅ Buttons are not icon-only unless labeled with aria attributes.
8. Form Fields
- ✅ All inputs have visible labels connected via <label>.
- ✅ Required fields are identified with text, not color alone.
- ✅ Help text appears near the form field.
9. Radio Buttons and Checkboxes
- ✅ Groups are labeled clearly with a heading or <legend>.
- ✅ Each option has a visible label.
10. Dropdown Menus
- ✅ Each <option> has distinct, meaningful text.
- ✅ <select> is paired with a <label>.
- ✅ Use a default prompt (e.g., “Choose an option”).
11. Expandable/Collapsible Content
- ✅ Sections have clear headings or labels.
- ✅ Use aria-expanded for toggled states.
- ✅ Do not hide essential content without user access method.
12. Screen Size / Mobile Reflow
- ✅ Content works at 320px without horizontal scroll.
- ✅ Key content is not hidden by overlays or carousels.
- ✅ Structure (headings, lists, forms) remains clear across sizes.