HTML-e-mailsjabloon bouwen

Waarom e-mails stuklopen in Outlook

Outlook voor Windows rendert HTML-e-mail met een engine die is gebouwd voor tekstverwerkingsdocumenten, niet voor webpagina's. Lay-outs die er perfect uitzien in Gmail en Apple Mail vallen daar uit elkaar: kolommen klappen in, witruimte verdwijnt en achtergrondafbeeldingen verdwijnen. Veel bedrijven hebben nog steeds een groot deel van hun ontvangers daarop, vooral in B2B.

We coderen templates met de oude, betrouwbare technieken die e-mail nog steeds nodig heeft: geneste tabellen, inline styles en Outlook-specifieke fallbacks. Moderne details zoals afgeronde hoeken of webfonts voegen we zo toe dat ze netjes degraderen, zodat Outlook-gebruikers een schone, eenvoudiger versie zien in plaats van een kapotte.

Dark mode en toegankelijkheid

Dark mode wordt door elke e-mailclient anders behandeld. Sommige inverteren alle kleuren, sommige veranderen alleen de achtergrond, sommige laten alles ongemoeid. Een zwart logo op een transparante achtergrond kan volledig verdwijnen, en donkere tekst kan op een donkere achtergrond terechtkomen.

We testen templates in dark mode op de belangrijkste clients en passen kleuren, logo's en randen aan zodat alles leesbaar blijft. Waar nodig leveren we alternatieve logoversies die op zowel lichte als donkere achtergronden werken.

Toegankelijkheid is ingebouwd in plaats van later toegevoegd: echte tekst in plaats van tekst in afbeeldingen, correcte alt-tekst, voldoende contrast, logische leesvolgorde en een taalattribuut voor schermlezers.

• Outlook-veilige tabelindelingen en fallbacks
• Dark mode getest in de belangrijkste clients
• Toegankelijke markup en alt-tekst
• Platte-tekstversies voor elke template