An email signature is a block of text and visual elements automatically added at the end of each sent message. It contains at least the sender’s name, position, and contact details. When well-constructed, it also serves as a support for a company’s or a freelancer’s visual identity by integrating a logo, graphic charter, and links to social media.
Compatibility between email clients: the real technical trap of an email signature
Most guides focus on the content or design of a signature. The problem arises afterward: the display varies depending on the recipient’s email client.
Outlook in its classic version uses a rendering engine based on Word. This engine poorly handles modern CSS properties like Flexbox or block layouts div. Gmail, on the other hand, removes some of the embedded styles. The result: a well-designed signature on one screen may appear misaligned, truncated, or without images on another.
To limit these discrepancies, HTML tables with inline styles remain the most robust method. Each cell of the table contains an element (logo, text, link) with its style properties directly in the tag. This approach may seem outdated, but it ensures a consistent rendering across the majority of email clients, including the new Outlook.
At this stage, it is useful to be able to access Web Consult services to generate a signature whose HTML code is already optimized for this multi-client compatibility.
Selectable text and images hosted on HTTPS: two structural rules
Remote images (logo, banner, profile photo) are blocked by default in several email clients. The recipient then sees an empty frame or a broken icon. If the name, phone number, or address is integrated into an image, this information becomes completely invisible.
The rule is simple: all contact details must remain plain text, selectable, and copyable. The logo must be hosted on a server accessible via HTTPS and accompanied by relevant alternative text (alt attribute). This alternative text appears when the image is blocked and allows screen readers to convey the information.
A common pitfall is to integrate a QR code into the signature to link to a website or contact card. On a desktop computer, the recipient cannot scan this code. With a screen reader, the QR code has no meaning. Any destination linked to a QR code must also appear as a clickable HTML link.
Accessible email signature: designing for all readers
Accessibility is not limited to alternative text for images. It should be considered from the moment the signature is created, not as an afterthought.
Several technical criteria come into play:
- Sufficient contrast between the text color and the background. Light grays on a white background, common in signatures, pose problems for visually impaired individuals.
- Descriptive links rather than raw URLs. “See our site” is less useful than a link titled “Website of [company name],” as screen readers read the link text aloud.
- A linear and logical structure. Screen readers navigate the content from top to bottom, cell by cell. A table with a single column or a maximum of two columns remains the most readable.
Contact details should never appear solely in an image. This point often comes up because it remains the primary cause of inaccessible signatures.
Content of a professional signature: what to include, what to remove
An overloaded signature loses readability. The goal is to provide useful information without turning the footer into an advertising page.
Elements to keep:
- First name, last name, and position. This is the foundation. Without these three pieces of information, the signature has no reason to exist.
- A direct phone number and an email address. The address may seem redundant (the recipient already has it), but it facilitates message forwarding to a third party.
- The company’s logo, hosted on HTTPS, with a limited image size to avoid weighing down each send.
- A link to the website and, if relevant, to one or two social media profiles in the form of light icons.
What is better to remove: inspiring quotes, promotional banners that change every week, lengthy legal mentions (unless required by regulation). An effective signature fits on four to six lines of text.
Distinct signature for replies and forwards
A detail often overlooked: most email clients allow you to set a different signature for new messages and for replies or forwards. Both Gmail and Outlook offer this setting in their signature settings.
The complete signature (logo, contact details, links) is used for initial exchanges. For replies, a simplified version (first name, last name, phone) avoids stacking multiple visual blocks in a thread. The recipient has already received the complete version in the first message.
This choice also reduces the total weight of the message thread, which matters when exchanges lengthen with attachments.
Creating an email signature relies less on choosing a beautiful template than on specific technical constraints: HTML compatibility between email clients, accessibility for screen readers, strict separation between text and images. A simple, well-coded signature presented in two versions covers the vast majority of professional uses.
