Departments at Amherst use a variety of tools to create email newsletters. Whichever tool you are using, you can follow these best practices to make your newsletter accessible to all readers.
Alternative text describes images for readers with low vision or who are blind and rely on screen-readers. The text is read aloud or transcribed by a Braille device. Please enter alt text for all your images, describing briefly the content or meaning of the image.
Using high-contrast colors for your text (dark text on a light background, or light text on a dark background) helps readers with low vision to be able to read the text.
Break up your content with specific headings and subheadings.
Descriptive Link Names
Screen-reader users often use a keyboard shortcut to list all the links on a page. In such a list, the links have no surrounding text, so it’s important to make your link names descriptive.
An easy way to provide descriptive links is to make your headings into links.
Text as Regular Text — Not an Image
Include photos and images in your newsletter, but make the text of your newsletter regular text. If you must include a graphic that contains a lot of text within it, please see the tips below for making promotional graphics accessible.
Even if you’re including text-heavy graphics in your newsletter, never make your whole newsletter one image. You’ll just need to repeat all the text and headings below the image, which is repetitive. And such a large image won’t be practical for reading on a phone.
Your first choice should always be to use images without much text in them, but if you need to include a text-heavy image within an email, please:
- Add brief alt text.
- Email newsletter apps such as Emma or Mail Chimp allow you to enter alt text for images.
- If using Gmail, create your newsletter in a Google doc first, which will allow you to add alt text to images, and then copy the content into your Gmail message.
- Add the full text in a paragraph right below the image. Preface the paragraph with “Image description:” for clarity (see example at right).
Make your newsletter elegant and accessible at the same time, by using a simple and uncluttered layout. A one-column design will work better on mobile phones, as well. Multiple columns and fancy boxes can cause content to be read out of order by a screen-reader, and busy designs can be hard to read.
Fancy fonts with ornate letter shapes can be hard to read. Also, keep in mind that fonts that were originally designed for print aren’t as sharp and clear for screen viewing as fonts that were designed specifically for viewing on screens.
Here are some fonts that are generally considered accessible:
- Setimo. The official Amherst College sans serif (this text you are reading is in Setimo). Available through the Office of Communications for specific uses. Email firstname.lastname@example.org for more information.
- Open Sans, available at Google Fonts.
- Lato, available at Google Fonts.
- Roboto, used on Android devices, available at Google Fonts.
- SF Pro, used on iOS devices, available at Apple.
- Arial, Helvetica, Tahoma, and Verdana, available on many computers by default.
- If you prefer a serif font, Georgia is considered one of the more accessible serif typefaces and is available on most computers.