Bygge av HTML-mejlmall

Varför e-post går sönder i Outlook

Outlook för Windows renderar HTML-e-post med en motor byggd för ordbehandlingsdokument, inte webbsidor. Layouter som ser perfekta ut i Gmail och Apple Mail faller isär där: kolumner kollapsar, avstånd försvinner och bakgrundsbilder försvinner. Många företag har fortfarande en stor andel mottagare där, särskilt inom B2B.

Vi kodar mallar med de gamla, pålitliga tekniker som e-post fortfarande kräver: nästlade tabeller, inline-stilar och Outlook-specifika fallbacks. Moderna inslag som rundade hörn eller webbtypsnitt läggs till på sätt som degraderar elegant, så Outlook-användare ser en ren enklare version i stället för en trasig.

Mörkt läge och tillgänglighet

Mörkt läge hanteras olika av varje e-postklient. Vissa inverterar alla färger, vissa ändrar bara bakgrunden, vissa lämnar allt orört. En svart logotyp på genomskinlig bakgrund kan försvinna helt, och mörk text kan hamna på en mörk bakgrund.

Vi testar mallar i mörkt läge i de vanligaste klienterna och justerar färger, logotyper och ramar så att allt förblir läsbart. Där det behövs tar vi fram alternativa logotypversioner som fungerar på både ljusa och mörka bakgrunder.

Tillgänglighet är inbyggd i stället för tillagd i efterhand: riktig text i stället för text i bilder, korrekt alt-text, tillräcklig kontrast, logisk läsordning och ett språkattribut för skärmläsare.

• Outlook-säkra tabellayouter och fallbacks
• Mörkt läge testat i de vanligaste klienterna
• Tillgänglig markup och alt-text
• Ren textversion för varje mall