Reading Comfort and Accessibility in Email
Accessibility · 9 min read ·
A comfortable email is an accessible one. Type size, contrast, spacing, structure and alt text, and how to check your digest works for every reader.
An email is read in all sorts of places: on a small phone in bright sun, on a large monitor at night, through a screen reader, with enlarged text, with images switched off, by someone with tired eyes at the end of a long day. A message that works for all of them is not a special version. It is simply a well-made one.
This guide is about reading comfort. It follows the principles of the Web Content Accessibility Guidelines, which were written for web content but apply naturally to email. The aim is modest and kind: make your digest easy to read for as many people as possible.
Why this is worth the effort
Accessibility is first a matter of fairness. People with low vision, colour blindness, dyslexia, motor difficulties or hearing loss use email like everyone else, and a message they cannot use excludes them.
It is also a matter of quality. The same changes that help people with disabilities help everyone: larger text helps tired eyes, good contrast helps in sunlight, clear structure helps skimmers. Calm, accessible design and good design are largely the same thing.
The four principles in plain words
The guidelines are organised around four ideas. Content should be perceivable, meaning people can sense it. Operable, meaning they can use it. Understandable, meaning they can make sense of it. And robust, meaning it works with a range of tools.
For email, that translates into a handful of practical habits.
Make text readable
Real text, not images of text
Words should be actual text, so that they can be enlarged, restyled and read aloud. A banner with your headline baked into an image is invisible to a screen reader and blurry when zoomed. If you must use an image of text, repeat the words in the message or in the alt text.
A comfortable size
Body text that is too small is the most common complaint. Aim for text that reads comfortably on a phone without zooming. The guidelines expect that text can be resized up to two hundred per cent without loss of content or function, so do not set sizes in ways that block enlarging.
Space between lines and paragraphs
The text spacing guidance describes ensuring that people who adjust line height, paragraph spacing, letter spacing and word spacing can do so without content being cut off or overlapping. In practice, give your text generous line spacing and clear gaps between paragraphs, and avoid fixed-height boxes that clip text.
Short lines
Very long lines are tiring to read. A narrow single column keeps lines at a comfortable length.
Left-aligned text
Left-aligned text is easiest for most readers. Avoid justified text, which creates uneven gaps, and avoid long stretches of centred text.
Give it contrast
The accessibility guidelines set a minimum contrast ratio between text and its background for normal text, with a lower ratio allowed for large text. Many stylish designs fail it, especially light grey on white.
- Check your colours with a contrast checker.
- Pick darker text than looks stylish. Near-black on off-white is calm and readable.
- Check links, which must be distinguishable from surrounding text.
- Check dark mode, where inverted colours can create low contrast.
- Do not put text over busy images.
Calm design is not faint design.
Do not rely on colour alone
If you use colour to carry meaning, such as red for a warning or a coloured link, add another cue.
- Underline links or give them another clear mark.
- Use words as well as colour: "New" beside a new item.
- Check how the message looks in greyscale.
Colour vision deficiency is common enough that it affects a real share of any audience, so this matters more than you might think.
Structure and order
Screen reader users move through an email by headings and links. A clear structure helps everyone.
- Use real headings for item titles, in a sensible order.
- Keep the reading order the same as the visual order.
- Use lists for lists.
- Avoid layout tables that confuse the order, or make sure they linearise sensibly.
- Keep it single column. The reflow guidance expects content to adapt to a narrow viewport without needing to scroll in two directions, and a single column does that naturally.
Links and buttons
- Use descriptive link text. "Read the review of the voice notes tool" tells a screen reader user where the link goes. "Click here" does not, particularly when a reader lists all links on a page.
- Avoid long raw addresses in the body.
- Make buttons large enough to tap, with space around them.
- Do not use the same text for different destinations.
Images
- Add alt text to images that carry meaning. Describe what it shows and why it matters: "Screenshot of the notes app showing a list generated from a voice memo."
- Leave alt text empty for purely decorative images, so screen readers skip them.
- Do not rely on images to carry essential information. Many programs block images by default.
- Keep files modest so the email loads quickly on slow connections.
Motion and flashing
Avoid animated images with rapid flashing, which can trigger seizures. The guidelines set thresholds for flashes per second. If you use an animation, keep it slow, brief and non-essential. Provide a static alternative where possible.
Language and clarity
Accessibility includes understanding.
- Use plain words. Short sentences and familiar terms help people with cognitive differences, readers using a second language and everyone in a hurry.
- Explain abbreviations on first use.
- Set the language of the message if your tool allows, so screen readers pronounce words correctly.
- Keep consistent layout from issue to issue so readers know where to look.
Timing and control
Do not use features that make readers rush: countdown timers, messages that disappear. Give people time. The same principle appears in the guidelines' attention to time limits.
Testing without special tools
You do not need expensive software to catch most problems.
- Enlarge the text on your phone to a bigger setting and look at the message. Does anything break?
- Turn off images and read it. Does it still make sense?
- Use only the keyboard on a computer to tab through the links. Can you reach everything, in a sensible order?
- Check contrast with a free checker.
- Listen with a screen reader for a few minutes. Your phone or computer has one built in.
- View in greyscale.
- Ask a reader who uses assistive technology for feedback, with thanks.
Fix what you find. Even a few small changes help.
Make a template once
The most efficient way to be accessible is to make a template that is accessible, and reuse it. Check the template carefully once, then write inside it. Each issue then inherits good structure, contrast and spacing, and you need only check alt text and link wording.
Accessibility statement
A short note in your footer, saying that you care about accessibility and inviting readers to tell you about problems, shows good faith and gives readers a way to speak. Reply to those who do.
Common mistakes
- Light grey text.
- Text in images.
- Tiny type.
- Links that say "click here".
- No alt text.
- Relying on colour alone.
- Complex multi-column layouts.
- Flashing animations.
- Never testing.
On this site
The blog shares calm, readable writing, and the launches page shows how a list can stay clear and easy to scan. The contact page is the way to tell us about an accessibility problem on a page here, and the submit page starts an entry.
A short story of one fix
A small digest used a pale grey for its smaller text, a soft blue for links and a fixed width of six hundred pixels. A reader who used larger text wrote to say that the links were hard to spot and the lines were cut off on her phone. The editor checked. The grey text failed the contrast minimum, the blue links were barely different from the body and the fixed width clipped when the text was enlarged.
The fix took an hour. She darkened the grey, underlined the links, switched the width to a flexible single column and tested with enlarged text. The reader wrote again to say thank you. Two other readers, who had never mentioned a problem, said the digest felt easier to read. That is the pattern: a change made for one reader helps many.
Keep a quiet record
Note in your template file what you checked and when: contrast ratios, size, order, alt text rules. When you change the design, repeat the checks. A one-page list of accessibility rules for your own digest, kept next to the template, turns good intentions into a habit and tells anyone who helps you what standard to meet.
The short version
Use real text at a comfortable size with generous spacing and strong contrast, never rely on colour alone, keep a logical single-column order, write descriptive links, add alt text where it matters, avoid flashing, use plain language and test with enlarged text, no images and a keyboard. A comfortable email is an accessible one, and both are a kindness to every reader.
Questions and answers
- Why does accessibility matter for a newsletter?
- Because readers have different eyes, devices and needs, and a message they cannot read does not reach them. Accessible design also makes email easier for everyone.
- What are the most important things to get right?
- Real text, readable size, strong contrast, a logical order, descriptive links and alt text for meaningful images.
- Do accessibility guidelines apply to email?
- The Web Content Accessibility Guidelines were written for web content, but their principles guide email design and many are directly applicable.
- How can I test accessibility without special tools?
- Enlarge the text, turn off images, use only a keyboard to tab through the links and listen to a screen reader read the message once.
- Is plain text more accessible?
- Often yes, because readers can use their own settings. A simple designed email built with care can be equally accessible.