Best practices voor toegankelijkheid in e-mails en formulieren

Wat je leert

Leer hoe je je e-mails en aanmeldingsformulieren toegankelijker maakt. Wanneer je je e-mails en aanmeldingsformulieren ontwerpt, wil je ervoor zorgen dat je ontwerpen toegankelijk zijn voor al je ontvangers. 

Toegankelijkheid in e-mails

Onderwerpregels en voorbeeldtekst optimaliseren

Maak je onderwerpregels en previewtekst beschrijvend, aantrekkelijk en kort.

Volg de algemene best practices voor e-mailontwerp

Door algemene best practices voor e-mailontwerp te volgen, maak je je e-mails toegankelijker:

• Voeg alt-tekst toe aan al je afbeeldingen.
• Vermijd e-mails met alleen afbeeldingen.
• Vermijd het gebruik van afbeeldingen om belangrijke details over te brengen.
• Gebruik sterk contrasterende kleuren (bijv. wit en zwart, grijs en donkerblauw, roze en donkerrood).
• Gebruik koppen om ideeën van elkaar te scheiden.
• Gebruik beschrijvende links (bijv. "Shop de collectie" in plaats van "Klik hier om naar de collectie te gaan").
• Structureer je e-mails logisch.

Hieronder zie je een voorbeeld van een e-mail die is geoptimaliseerd voor alle ontvangers (links) en een die dat niet is (rechts).

Toegankelijkheid in aanmeldingsformulieren

Klaviyo optimaliseert aanmeldingsformulier automatisch voor toegankelijkheid. Met een Klaviyo-formulier dat op je website is gepubliceerd, kunnen sitebezoekers het formulier volledig navigeren met hun toetsenborden en schermlezers. Daarnaast kunnen sitebezoekers een formulier sluiten met de escape-toets en verzenden met de enter-toets. Je kunt een Focus Outline Color toevoegen, te vinden in het tabblad Styles in de formuliereditor, om gebruikers te helpen begrijpen welk veld is gemarkeerd wanneer ze met tab door het formulier gaan.

Ontwerp van aanmeldingsformulier

Net als bij e-mailontwerp wil je een paar basisrichtlijnen volgen om ervoor te zorgen dat al je ontvangers de informatie krijgen die je met ze wilt delen via je formulieren. Bij het ontwerpen van formulieren:

• Gebruik contrasterende kleuren.
• Voorkom dat je belangrijke informatie in afbeeldingen zet
• Gebruik beschrijvende taal in links
• Bouw je formulieren op in een logische structuur.

Terwijl je je aanmeldingsformulier bouwt, controleert Klaviyo op een aantal toegankelijkheidsproblemen en vraagt het je om eventuele gevonden problemen op te lossen in het tabblad Formuliersignalen.

Hieronder zie je een voorbeeld van een goed ontworpen formulier (rechts) en een formulier dat niet voor iedereen toegankelijk is (links).