Basic Digital Accessibility Regardless of Platform

Download this page as a checklist

We have a handy checklist in .pdf format of 10 basic ways to make documents more accessible, regardless of platform.

1. FONTS: TYPE AND SIZE

  • Minimum size for body text should be 14 points or larger. Ask you audience for feedback.
  • Use easy-to-read fonts. These are: Arial, Helvetica, Verdana, Calibri, or Times new Roman.
  • No paragraphs of italic text. Italic text should be used to emphasize words or short sentences, but can be really difficult to read as a paragraph.

2. COLOR: CONTRAST AND MEANING

  • Use the WebAim color contrast checker. 3:1 should be the minimum for large text, icons, and graphics. For smaller text, like body text, bump it up to 4.75:1.
  • Don’t use color to indicate meaning. “Push the purple button to get in touch” is meaningless if you can’t see purple.
  • Test your designs in grayscale. Some people can’t see color at all, and still need your information. If you’re on a Mac, use the “Color Filters” accessibility tool to review, or upload your document to the Toptal color-blindness simulator.

3. HEADINGS

  • Headings are Title, H1, H2, H3. You use these instead of simply making the title of a page, section, or paragraph larger, or bolding it.
  • They help screen readers and keyboard navigation in scanning a document.
  • You can still bold or italicize your headings — as long as they also have heading markup (Title, H1, H2, H3, etc).

4. ALT-TEXT

  • All photos, icons, and figures should have alt-text.
  • Alt-text should be 1-3 descriptive sentences. Focus on the main point of the image. You don’t need to describe the color of the flowers on the wallpaper — unless you’re creating an ad for wallpaper. You do need to describe how many people are in the image, who they are, and what they’re doing.
  • If your image shows people, indicate skin, hair and eye color. Also consider basic dress and hairstyle.
  • Haben Girma describes how important it is that alt-text includes BIPOC people (video).
  • Don’t be afraid to include color terms. Many blind and low-vision people appreciate being told about colors, such as “dark green forests” or “woodpecker with vibrant orange wings”.

5. COLUMN WIDTH

  • Try to use columns whenever practical. People’s eyes get tired reading a full-width page — especially on screens. This is why newspapers publish in columns.
  • Do not justify your text to both sides of the page. Left-justify any text written in a language that reads left-to-right. Right-justify text in languages that read right-to-left.

6. CAPTIONS

  • All videos need captions.
  • Automated captions are only 70% accurate, on average. They are still better than nothing.
  • Edited captions are kindness. And if you’re posting a video on YouTube, they’ll help your search-engine optimization (SEO).

7. TRANSCRIPTS

  • All podcast episodes need transcripts.
  • Yes, even short ones.
  • Automated transcripts are better than nothing. But edited transcripts are not only better accessibility, they too will help boost your search-engine optimization. Help people find and access your content!

8. CHOICE OF FILE FORMATS

  • Not everyone has Microsoft Word.
  • Not everyone loves a .pdf. And .pdfs are frequently inaccessible unless you spend time ensuring full accessibility.
  • Webpages should be included as a choice. Lots of people have installed browsers, browser settings, and/or stylesheets that help them with reading and consuming webpages.
  • Some people like video, some people cannot stand it. All video should have a text alternative.

9. LINK FORMATS

  • Underline links. Don’t underline any other text for emphasis.
  • Link text should be a different color than body text. Try to avoid making other text a random color for emphasis.
  • Don’t say “click here”. Instead, provide context. Like: 15 Golden Rules for Links.
  • 3-4 words minimum link length. This helps people who have limited mobility in their fingers, hands, and wrists have a larger target to aim for.
  • No surprise downloads. All links are assumed to go to webpages unless you say otherwise. Tell people about (.pdf), (.xlsx) and (.docx).

10. NO FLASHING OR BLINKING

  • Flashing and blinking items, such as animations, can cause migraines or seizures for some viewers.
  • Viewers should be able to stop and start animations. Nothing you include — animations, videos, audio, ads — should be set to auto-play.
  • Absolutely nothing that moves faster than three blinks per second. This is the generally accepted threshold for causing seizures and migraines.