Skip to content
Building SignSyncer — currently onboarding our first design partners. Request early access →
SignSyncer

Inclusive Email Signatures: Accessibility Tips That Work

July 29, 2026

An email signature is a small design problem with an unusually wide audience. It reaches everyone your company writes to — including people using screen readers, high-contrast modes, small phone screens, and clients that block images by default.

The good news is that accessible signatures are almost always better signatures. The constraints that help assistive technology are the same ones that stop a signature from looking like a ransom note in Outlook.

Start with the text-only version

Before you design anything, write the signature as plain text. Name, role, company, one phone number, one link. If that version communicates everything essential, your design can be decorative on top of a solid base. If it does not, no amount of styling will fix it.

This matters because a meaningful share of recipients will only ever see something close to that plain version: images blocked, HTML stripped, or read aloud by a screen reader.

Alt text: say the function, not the filename

Every image in a signature needs alt text, and the alt text should describe what the image does for the reader.

Purely decorative elements — dividers, spacer images, background flourishes — should carry empty alt text so screen readers skip them entirely.

Contrast, in numbers

Aim for a contrast ratio of at least 4.5:1 between text and background for body-size text, and 3:1 for text at 18px and above. In signature terms, that rules out the two most common mistakes: light grey job titles on white, and brand-coloured text that was designed for a large logo and then reused at 11px.

A practical shortcut: if your job title is a lighter grey than your name, check it. That single line is where contrast failures cluster.

Type size and the phone problem

Roughly two thirds of business email is opened at least once on a phone. Signatures set at 10px to look “refined” on a desktop become genuinely unreadable there.

Use a system-safe font stack. Custom webfonts do not load reliably in email clients, so the fallback is what most people will actually see — design for the fallback and treat the custom font as a bonus.

Test that costs nothing: shrink your signature to 60% zoom and step back a metre from the screen. If you cannot find the phone number, neither can a rushed reader on a train.

Do not rely on colour alone

If a signature uses a coloured dot to indicate availability, a coloured bar to separate sections, or a red word to mark urgency, add a second cue: a label, a shape, or a line. Around one in twelve men has some form of colour vision deficiency, and email is not a place to make them guess.

Links that describe themselves

“Book a call” is a good link. “Click here” is not, because a screen reader user tabbing through links hears a list of destinations out of context. The same applies to bare URLs — a full address read aloud character by character is exhausting.

Keep link count low. Three or four is plenty; a wall of icons is hard to navigate by keyboard and looks cluttered on mobile.

Structure it as a table, carefully

Email clients still need tables for layout. Mark layout tables with role="presentation" so assistive technology does not announce them as data tables with rows and columns. It is a one-attribute change that removes a genuinely confusing experience.

A five-minute audit

  1. Turn images off in your mail client. Does the signature still make sense?
  2. Read it on a phone at default zoom. Is anything under 11px?
  3. Check the lightest text against its background for 4.5:1.
  4. Confirm every image has alt text, and every decorative image has empty alt text.
  5. Read the link labels out loud with no surrounding context. Do they still say where they go?

Five checks, once, applied to a template every employee inherits. That is a better ratio of effort to reach than almost anything else in a design system.