Bästa praxis-referens för tillgänglighet i e-postmeddelanden och formulär

Du kommer att lära dig

Lär dig hur du gör dina e-postmeddelanden och registreringsformulär mer tillgängliga. När du utformar dina e-postmeddelanden och registreringsformulär vill du se till att dina designer är tillgängliga för alla dina mottagare. 

Tillgänglighet i e-postmeddelanden

Optimera ämnesrad och förhandsgranskningstext

Gör dina ämnesrader och din förhandsvisningstext beskrivande, lockande och korta.

Följ allmänna bästa praxis för e-postdesign

Om du följer generella bästa praxis för e-postdesign blir dina e-postmeddelanden mer tillgängliga:

• Lägg till alt-text till alla dina bilder.
• Undvik e-postmeddelanden med enbart bilder.
• Undvik att använda bilder för att förmedla viktiga detaljer.
• Använd starkt kontrasterande färger (t.ex. vitt och svart, grått och mörkblått, rosa och mörkrött).
• Använd rubriker för att separera idéer.
• Använd beskrivande länkar (t.ex. ”Handla kollektionen” i stället för ”Klicka här för att gå till kollektionen”).
• Strukturera dina e-postmeddelanden logiskt.

Nedan är ett exempel på ett e-postmeddelande som är optimerat för alla mottagare (till vänster) och ett som inte är det (till höger).

Tillgänglighet i registreringsformulär

Klaviyo optimerar automatiskt registreringsformulär för tillgänglighet. Ett Klaviyo-formulär som publiceras på din webbplats gör att webbplatsbesökare kan navigera i formuläret helt med hjälp av sina tangentbord och skärmläsare. Dessutom kan webbplatsbesökare stänga ett formulär med escape-tangenten och skicka in det med enter-tangenten. Du kan lägga till en Fokusramfärg, som finns på fliken Stilar i formulärredigeraren, för att hjälpa användare att förstå vilket fält som är markerat när de tabbar sig igenom formuläret.

Utformning av registreringsformulär

Precis som med mejldesign vill du följa några grundläggande riktlinjer för att säkerställa att alla dina mottagare får den information du vill dela med dem via dina formulär. När du utformar formulär:

• Använd kontrasterande färger.
• Undvik att lägga viktig information i bilder
• Använd beskrivande språk i länkar
• Bygg dina formulär i en logisk struktur.

När du skapar dina registreringsformulär övervakar Klaviyo ett antal tillgänglighetsproblem och uppmanar dig att åtgärda eventuella identifierade problem på fliken Formulärvarningar.

Nedan är ett exempel på ett väl utformat formulär (till höger) och ett formulär som inte är tillgängligt för alla (till vänster).

Ytterligare resurser