AccessibilityAccessible newsletters, how to create accessible email
An accessible newsletter is an email mailing that can be read, understood and acted on even with a screen reader, magnification or impaired vision. It rests on four things: a correct heading structure in the code, sufficient contrast, descriptive link texts and alt texts where the image carries information.
This guide covers what the law actually requires and does not require, which contrast values apply, how to code an email so that screen readers read it in the right order, and how to test the result before you send. You also get a checklist to go through before every mailing.
What is an accessible newsletter?
An accessible newsletter is designed so that the content gets through regardless of how the recipient reads it. That applies to people who use a screen reader, people who enlarge the text to double size, people with impaired color vision and people reading on a phone in bright sunlight.
The guidelines come from WCAG, the Web Content Accessibility Guidelines. In Sweden they are referenced through the European standard EN 301 549, which is the level public authorities are measured against. Level AA is the practical bar in almost every context.
Email has harder conditions than the web. You do not control which client the recipient uses, and support for modern code varies greatly between Outlook, Gmail and Apple Mail. That is why email layouts are still built with tables, and why the technical side of accessibility work is different from a website.
The good news is that most of what makes a mailing accessible also makes it clearer. Shorter paragraphs, one heading per section and a single clear next step lead to more emails being read, not just more accessible ones.
What the law requires
Two Swedish laws are relevant, and they apply to different organizations. Neither of them says outright that an email must follow WCAG, which is worth knowing before anyone claims otherwise.
The DOS Act, the public sector
The Act (2018:1937) on accessibility to digital public services applies to municipalities, regions, public authorities, publicly governed bodies and certain private actors in areas such as schools and healthcare. The requirements are met through the European standard EN 301 549, which in practice corresponds to WCAG 2.1 level AA, and the organization must publish an accessibility statement. The Agency for Digital Government, Digg, supervises compliance.
There is a limitation here that is often missed. The DOS Act covers digital services provided through a website or a mobile application. A newsletter that lands in the inbox is therefore not in itself a technical solution that the law applies to. Two parts of the mailing are covered, though: the web version, which is a web page, and the subscription form, which is on your website.
The fact that the law does not apply to the email itself does not make accessibility optional. The plain language requirement in the Swedish Language Act still applies, and a resident who cannot read the mailing has not received the information. We go through the whole picture in the guide to newsletters for the public sector.
The Accessibility Act, certain private services
The Act (2023:254) on the accessibility of certain products and services implements the EU Accessibility Directive and has applied since June 28, 2025. It does not apply to private companies in general, but to products and services aimed at consumers in six areas: electronic communications, banking and payment services, e-commerce, passenger transport, e-books and audiovisual media.
So it is not the type of organization that decides, but what you offer consumers. An online store is covered. An agency that sells services to other companies is not. The Swedish Post and Telecom Authority is the market surveillance authority and cannot give advance rulings; you make the assessment yourselves.
Micro-enterprises are exempt. As a service provider, you are only covered if you have more than ten employees and an annual turnover or balance sheet total of more than two million euros. If you are below the thresholds, the requirements do not apply to you. For products, there is instead an assessment of whether the requirements would impose a disproportionate burden.
Regardless of which law applies to you, there is a reason that weighs more in practice. According to Statistics Sweden, around twelve percent of the working-age population has a disability, and the share is higher among older people. If you include temporarily reduced reading ability, a cracked screen or bright sunlight, the group becomes considerably larger. They never show up in the statistics as anything other than missing clicks.
This guide is general information and not legal advice. Assessments under the accessibility legislation need to be made based on your own organization.
Checklist before sending
Twelve points to go through before you press send. The first six take minutes; the last six are things you set once in the template.
- A subject line that says what the mailing is about
- One H1 at the top, then H2 and H3 in order
- Contrast of at least 4.5:1 for body text
- Link texts that describe the destination, never "click here"
- Alt text on images that carry information
- Empty alt text on purely decorative images
- No important text baked into an image
- Color is never the only carrier of information
- Language and title set in the email's code
- Layout tables marked up so that they are skipped
- A link to the web version near the top
- A text version sent with the mailing
Structure and heading levels
Screen readers navigate by headings. A user who wants to find their way jumps between the headings instead of listening to the whole email, much as you skim with your eyes. If the headings do not work, there is no shortcut at all.
Three rules go a long way:
- One H1 per mailing, and it should say what the email is about
- H2 for each main section, H3 for subsections within an H2
- Never skip a level, so not H2 straight to H4
Most important of all: a heading must be a real heading in the code, not bold body text in a larger size. It looks the same on screen and is completely invisible to the screen reader. This is the single most common accessibility error in newsletters.
The reading order in the code should also follow the visual order. If you build a two-column layout, the left column is read first in most clients, but not all. If the content has a logical order that matters, one column is safer than two.
Text that can be read
Accessible text is short, concrete and broken up. It is the same thing as good text, with a few additions.
- Put the most important thing first, both in the email and in each paragraph
- Keep the line length around 50 to 75 characters; that is where the eye keeps up
- Left-align. Justified text creates uneven spaces between words that make it harder for people with dyslexia
- Spell out abbreviations the first time they are used
- Avoid capitals in running text; screen readers can interpret them as initials and spell them out letter by letter
Text size is not a legal requirement, but the practice is clear. Use at least 16 px for body text and at least 14 px in the footer. Never set the size in points or percent in email; support is too uneven between clients. The line spacing should be around 1.5 times the text size.
If you write for a municipality or public authority, the plain language requirement also applies, which is a craft of its own. If you want to go deeper into content and structure, there is a complete guide to better newsletters.
Color and contrast, with values
This is the most common gap in accessibility advice about email. "Good contrast" says nothing. There are measurable values, and they are easy to check.
| What | Minimum contrast |
|---|---|
| Body text against background | 4.5:1 |
| Large text, from 24 px or 18.7 px bold | 3:1 |
| Buttons, icons and graphics that carry information | 3:1 |
| Logo and purely decorative graphics | No requirement |
Check the value with a contrast tool before the colors are set in the template, not afterwards. The requirement applies to all states, so a button that changes color when the mouse pointer is over it must reach 3:1 in both states.
Color must never be the only carrier of information. "The red offer is valid until Friday" does not work for someone who cannot tell red from green. Add words, an icon or placement.
The same goes for links. Just coloring a link blue is not enough, because the difference from the body text can be impossible to see. Underline links in body text.
Links and buttons
A screen reader can list all the links in an email, out of context from the surrounding text. That is why "click here" is a problem: the list shows twelve identical lines without meaning.
Instead, write what happens after the click. "Read the full guide", "See prices for 2026", "Register for the kickoff on September 14". The link text should work on its own.
- Avoid linking a bare URL; it is read out character by character
- Do not break a link text in the middle of a sentence; it becomes hard to hit and hard to understand
- Make buttons from text and background color, not from images. An image button disappears completely when images are blocked, which is the default in several clients
- Keep the click area around 44 px high; that is the practice for working with motor impairments on touch screens
- If you have several links to the same destination, give them the same text
An email should also have one clear main step, not five competing ones. More about how to phrase it in the guide to calls to action in newsletters.

Images, alt texts and emojis
The alt text is what the screen reader reads out instead of the image. It is also what the recipient sees when images are blocked, which is more common than most people think.
How to write an alt text
Describe the image's function, not its appearance. An image of a product in a campaign mailing has the function of showing what the offer is about, so "Navy blue winter jacket" is enough. If the image is a button, describe the action, not the graphics.
- Keep it under about 125 characters
- Never start with "image of"; that is implied
- Do not repeat text that is already next to the image
- If the image is purely decorative, set an empty alt text so that the screen reader skips it. Leaving out the attribute entirely is not the same thing; the file name may then be read out instead
Text in images
Never put the core message in an image. It cannot be enlarged, selected or read out, and it disappears when images are blocked. If text still has to be in the image, the same message should be in the body text next to it.
Emojis
An emoji is read out by its name. Three flames in a subject line become "fire fire fire", which is both confusing and slow. Use at most one, and put it last so that it does not push the important part out of the inbox preview. There is more advice on this in the guide to writing subject lines that get opened.
Motion and flashing
Avoid animated images that flash more than three times per second. They can trigger seizures in light-sensitive people, and this is an explicit requirement in WCAG. A GIF that loops endlessly is also hard to read past.
The code behind it, what the screen reader meets
Four technical details decide most of it. Once they are right in the template, you never need to think about them again.
Mark up layout tables as presentation
Email is built with tables to hold the layout together. A screen reader, however, interprets a table as data and starts reading out rows and columns. The attribute role="presentation" on layout tables tells it to skip the structure and read only the content. Without it, an ordinary newsletter becomes a reading of a grid.
Set the language
A Swedish email without a language attribute is read out with English pronunciation. Set lang="sv" in the email's code. It takes seconds and makes all the difference for how it is read out.
Give the email a title
The title element is the first thing the screen reader announces when the email is opened. Without it, the reading starts in the middle of the content without context.
Real tables should have header cells
If you show actual data, such as prices or times, the table should have header cells so that the screen reader can connect each value to its column. Keep it simple, avoid merged cells and never set a fixed width.
Dark mode
More and more people read email in dark mode, and several clients invert colors automatically. What was black text on white becomes white text on dark gray, and the contrast you calculated no longer applies.
Three things make the template robust:
- Use logos and icons with a transparent background, otherwise a white box appears in the middle of the dark email
- Avoid pure black text. Dark gray is inverted more softly
- Never put text on top of an image without checking what it looks like inverted
Always check dark mode in a test mailing. It is one of the few things that cannot be judged in the preview.
How to test the mailing
Six checks that together take a quarter of an hour. Do them on a real test mailing, not in the preview, because some functions are only activated when the mailing is sent.
Listen to the email
Use VoiceOver on Mac and iPhone, or NVDA on Windows, which is free. Listen to the whole email with the screen turned off. Whatever you do not understand from the sound alone is what needs fixing.
Block the images
Turn off image display in the client and read the email again. Does the message still come across? Are the buttons visible? This reveals text hidden in graphics.
Measure the contrast
Check body text, buttons and all text on colored panels against the values in the table above.
Zoom to 200 percent
Zoom in in the email client. Does the layout break, does text disappear off the edge or do buttons end up out of reach?
Turn on dark mode
Open the same mailing in dark mode on your phone and check the logo, icons and contrast.
Read the text version
Open the email's text version separately. It should contain the same message and the same links, not an empty line with a web address.
How to do it in Paloma
Most of the above is set once in the template, and then you do not have to think about it. Here is where the functions are in Paloma's newsletter tool.
Layout mode
Build the basic structure with a header, content and footer. When you switch to layout mode, "Innehåll" (Content) is replaced by "Layout" in the settings panel, and that is where you reach background sections and layout sections.
Content mode
Here you adjust the look of each module: text, borders, padding, margins and backgrounds. If you lock the settings while editing the template, recurring mailings keep the same structure automatically.
Text formats under Settings
Set the default look for body text, headings and links once. The fonts at the top of the list are web-safe, which means the email is rendered the same way in more clients. This is where you set the text size and line spacing so that they apply to every mailing.
Table structure
Paloma's tables are marked up for screen readers and optimized for different devices. If you adjust them in advanced mode, keep the structure simple, add column headers where needed and avoid fixed widths.
Reading order
The order of the content in the code matches the visual order, which gives a consistent reading regardless of which assistive software the recipient uses.
Text version and web version
A text version is generated automatically in the code for every mailing. You add the web version link by inserting a link and choosing the link type Länk till webbversion (link to web version), or with the Webbversionslänk (web version link) button in an empty text field. The link is only activated in real mailings, so it cannot be clicked in the preview.
If you want to start from something that is already in place, there are ready-made newsletter templates with a clear reading order and good contrast from the start, and a walkthrough of how to create newsletters step by step.
Common mistakes
Six errors come up in almost every review.
- Bold text instead of a heading. Looks like a heading, does not exist for the screen reader
- The whole offer as a single image. Looks good in the design tool, empty when images are blocked
- Light gray text on white. Looks airy and rarely reaches 4.5:1
- "Read more" twelve times. Gives a list of links without meaning
- Alt text that repeats the heading next to it. The same thing is said twice
- The unsubscribe link in 10 px gray. An accessibility error and a deliverability problem, because someone who cannot find the link marks the mailing as spam instead. More on this in the guide to deliverability
If you send different content to different groups, it is also easier to keep each mailing short and clear. Read more about segmentation and how it fits with the rest of the work in the guide to email marketing.
Accessibility statement
If you are covered by the DOS Act, you must publish an accessibility statement. It describes how well the website or application meets the requirements, which shortcomings there are, why they exist and when they will be fixed. It must also include a way to contact you for anyone who runs into a barrier, as well as information on how to file a complaint.
The statement concerns your website and your apps, not the mailings themselves. It should, however, cover the pages that the mailings lead to, that is, the web version of the newsletter and the subscription form. That is also where most of the actual barriers are.
Reporting a shortcoming is not a failure; it is what the law actually asks for. The statement must be kept up to date and reviewed at least once a year.
Frequently asked questions about accessible newsletters
What is an accessible newsletter?
An email mailing that can be read, understood and acted on even with a screen reader, magnification or impaired vision. It requires a correct heading structure in the code, contrast of at least 4.5:1 for body text, descriptive link texts and alt texts on images that carry information.
Do newsletters have to be accessible by law?
Partly. Municipalities, regions and public authorities are covered by the DOS Act, but it covers websites and applications, not the email itself. The web version of the mailing and the subscription form are covered, though. For private organizations, the Accessibility Act has applied since June 28, 2025, but only in six listed areas such as e-commerce, banking and e-books, and only for actors with more than ten employees and a turnover of more than two million euros. So it applies to far from all companies.
What contrast is required in a newsletter?
Under WCAG 2.1 level AA, 4.5:1 applies between body text and background. For large text, that is from 24 px or 18.7 px bold, 3:1 is enough. The same 3:1 applies to buttons, icons and graphics that carry information. Logos and purely decorative graphics have no requirement.
How do I test whether my newsletter is accessible?
Send a real test mailing to yourself and run six checks: listen to the email with VoiceOver or NVDA, block the images, measure the contrast with a contrast tool, zoom to 200 percent, turn on dark mode and read the text version separately. It takes about a quarter of an hour.
Do decorative images need alt text?
No, but they should have an empty alt attribute. Then the screen reader skips the image completely. If you leave out the attribute instead, the file name may be read out, which is worse than nothing.
Do emojis work with screen readers?
They are read out by their names, so three identical ones in a row become a repetition that steals time and context. Use at most one and put it last in the subject line, so that the important part is seen first in the inbox preview.
What text size should I use?
WCAG does not specify a minimum size, but the practice is at least 16 px for body text and at least 14 px in the footer, with a line spacing of around 1.5 times the text size. Specify the size in pixels, because support for points and percent varies between email clients.
Why should layout tables be marked up with role presentation?
Email is built with tables for layout, but a screen reader interprets a table as data and starts reading out rows and columns. The attribute tells it that the table only holds the design together, so that the reading goes straight to the content.
What is an accessibility statement?
A document that public organizations must publish under the DOS Act. It describes how well the website or application meets the requirements, which shortcomings there are and when they will be fixed, and how a user can contact you or file a complaint. It should cover the pages that the mailings lead to, and must be reviewed at least once a year.
Create accessible newsletters without coding
The templates have the right heading structure, reading order and contrast from the start. You replace the content and send. If you would rather see the tool first, we will book a walkthrough instead.
Create a free accountPaloma is a Swedish platform for newsletters, SMS mailings, events and marketing automation. The tool supports accessible mailings with a correct heading structure, an automatic text version and tables marked up for screen readers, and is used today by 1,500 companies, associations and organizations. All data is stored on servers within the EU, and you get personal support.