Website Accessibility Checklist for Content Editors

Use this checklist to ensure your webpages are accessible to everyone before you hit Publish.


1. Heading Structure (The Page Outline)

Headings allow screen reader users to "skim" a page. Without them, they must listen to the entire page from top to bottom to find what they need.

  • The H1 Rule: Every page must have exactly one H1. In our system, the Page Title is automatically your H1. Therefore, you should never create an H1 inside the body editor.
  • Logical Nesting: Are your headings in order? (e.g., H2 followed by H3, never jumping from H2 to H4).
  • No "Visual" Headings: Did you use the editor’s Heading dropdown? (Avoid using Bold or larger font sizes to manually create titles).
 Avoid: Bolding text to create a title.
 Do: Select "Heading 2" from the menu.
 
 Avoid: Jumping from H2 directly to H4.
 Do: Use headings in a logical 2, 3, 4 order.

3. Accessible Tables

Tables should only be used to show data relationships, not to control where text or images appear on the page.

  • Header Rows: Did you use the Table Properties to set the top row as a "Header"? This allows screen readers to announce column names for every cell.
  • Table Captions: Did you add a brief title (Caption) explaining what the table contains?
  • Keep it Simple: Did you avoid "Merged" or "Split" cells? These can make a table unreadable for assistive technology.
 Avoid: Using tables for visual layout.
 Do: Use only for data or schedules.

4. Images & Alt Text

Alternative text (Alt Text) describes an image for those who cannot see it. If left blank, screen readers may skip it or read a confusing file name.

  • Be Descriptive: Does the Alt Text describe the content? (e.g., "Students studying in the library" instead of "Photo").
  • Text in Images: If your image is a flyer or a graphic containing text, that text must be typed into the Alt Text field or the page body.
  • Decorative Images: If the image is just a divider or background decoration, mark it as "Decorative" so the screen reader knows to skip it.
 Avoid: Alt text: "IMG_984.jpg"
 Do: Alt text: "Group of faculty at retreat."

5. PDFs & Documents

Accessibility requirements apply to your uploaded files as well as your web pages.

  • Start in Word: Use headings and alt text in Microsoft Word before you "Save as PDF." This preserves the accessibility tags.
  • Avoid "Print to PDF": Using the print command creates a flat image that screen readers cannot read. Always use "Save As" or "Export."
  • No Scanned Images: If you scan a physical document, it is a picture, not text. Use OCR (text recognition) or type the content directly on the page.

How to make PDFs and documents accessible

 Avoid: Uploading a photo/scan of a flyer.
 Do: Upload a PDF exported from Word.
 
 Avoid: Using "Print to PDF" commands.
 Do: Use "Save As" or "Export" to PDF.

6. Lists & Readability

Properly formatted lists allow screen readers to announce how many items are in a set, helping users understand the scale of the information.

  • Use List Tools: Always use the "Bullet" or "Numbered List" buttons in the editor. Never manually type dashes (-) or asterisks (*) to create a list.
  • Plain Language: Aim for clear, concise sentences. Avoid overly complex jargon or "walls of text."
  • Avoid All-Caps: Don't use ALL CAPITAL LETTERS for long sentences. Screen readers may try to read them as individual acronyms.
 Avoid: Typing dashes or asterisks manually.
 Do: Use the built-in Bulleted List tool.

7. Color & Contrast

Color should enhance your content, not be the only way information is communicated. People with low vision or color blindness must be able to perceive all information.

  • Don't Use Color Alone: Avoid saying "Required fields are in red." Instead, use "Required fields are in red and marked with an asterisk (*)."
  • High Contrast: Ensure your text stands out clearly against the background (e.g., avoid light gray text on a white background).
 Avoid: Using red text alone for importance.
 Do: Use Bold Red or add a symbol (*).

8. Multimedia (Video & Audio)

If you embed videos or audio clips, they must be accessible to those with hearing or visual impairments.

  • Captions: Does your video have accurate captions? Edit auto-captions for accuracy.
  • Transcripts: For audio-only files, provide a text transcript below the player.
  • No Auto-Play: Never set media to play automatically; it interferes with screen reading software.
 Avoid: Videos without accurate captions.
 Do: Include captions or text transcripts.
 
 Avoid: Setting videos to "Auto-Play."
 Do: Let the user choose when to play media.