3.3.2 – Labels en instructies (niveau A)

Label elementen en geef instructies

De kans is groot dat jouw website een functie heeft waarvoor jouw gebruikers bepaalde informatie moeten invullen. Dit kan op een afreken pagina zijn om een ​​product te kopen, een contactformulier om contact op te nemen of een aanmelding voor een nieuwsbrief om je aan te melden voor jouw mailinglijst. Je moet ervoor zorgen dat jouw gebruikers weten wat van hen vereist is wanneer ze een van deze elementen op jouw website bereiken.

Zonder duidelijke labels en instructies weten jouw gebruikers niet wat ze moeten doen.

Wat te doen

• Label alle invoervelden duidelijk en behulpzaam.
• Als een veld een specifiek formaat nodig heeft, geeft je een voorbeeld (bijvoorbeeld voor een ‘datum’-veld in een formulier kan je’ Voer de datum in als dd / mm / jjjj ‘gebruiken)
• Markeer verplichte velden met een pictogram en leg uit wat het pictogram betekent vóór het formulier.
• Houd jouw labels eenvoudig – te veel uitleg kan contraproductief zijn. Zaken als ‘Voornaam’, ‘E-mail’ en ‘Jouw bericht’ zijn prima.
• Hetzelfde geldt voor instructies, ‘Verplichte velden zijn rood en hebben een * symbool’ werkt prima. Dat geldt ook voor ‘Vul dit formulier in en klik op’ Verzenden ‘om contact op te nemen’.

Tips

• Instructies moeten rekening houden met hoe ze sensorische kenmerken gebruiken.
• Denk na over hoe jouw gebruik van kleur dingen zoals verplichte velden beïnvloedt als je ze op kleur wilt markeren. Markeer niet alleen op kleur, kies ook een symbool.
• Overweeg ook foutidentificatie en zorg ervoor dat je nuttige instructies geeft wanneer jouw gebruikers fouten maken op formulieren.