Korte, tijdelijke meldingen kunnen bovenop de interface verschijnen door middel van toasters om de gebruiker snelle feedback te geven over een uitgevoerde actie. Ze zijn bedoeld om te informeren of gerust te stellen zonder de flow te onderbreken.
Inhoud
Redactierichtlijnen
- Houd de boodschap kort en to-the-point (max. 1–2 zinnen).
- Begin met de essentie.
- Spreek mensentaal: Probeer de boodschap zo menselijk mogelijk over te brengen. Vermijd daarom vakjargon en technische termen.
- Raadpleeg de redactierichtlijnen (Heerlijk helder)
Concrete invulling
Gezien de beperkte ruimte, is het belangrijk zo concreet en beknopt mogelijk te zijn.
- Titel: Deze zou de essentie al moeten omvatten
- Tekst: Wijd eventueel wat verder uit, maar hou het ook hier zo beknopt mogelijk.
Plaatsing
- Toasters verschijnen steeds op een consistente positie. Bepaal deze positie en gebruik deze consistent, zoals bijvoorbeeld rechtsboven.
- Meerdere meldingen stapelen netjes onder elkaar.
- Zorg dat ze geen belangrijke interface-elementen blokkeren.
Toaster component
De meldingen worden weergegeven door middel van de Toaster component. Raadpleeg hier de documentatie van de Toaster component.
Correct gebruik en toegankelijkheid
Sommige mensen hebben meer tijd nodig om meldingen te lezen. Denk aan een slechtziend persoon die vergroting nodig heeft en sterk ingezoomd is, deze ziet de toast (rechtsboven?) misschien niet verschijnen of heeft meer tijd nodig om die terug te vinden. Idem dito voor mensen met leesproblemen. Daarom moet je tijdslimieten zoals het automatisch verdwijnen van een toast kunnen uitschakelen, bijvoorbeeld via gebruikersinstellingen (van de site/app). Het is echter veel makkelijker om een sluitknop te voorzien en ze niet automatisch te laten verdwijnen.
Hieronder vindt u enkele aanbevelingen wat betreft toegankelijkheid samengevat:
- Niet automatisch laten verdwijnen: toasters blijven zichtbaar tot de gebruiker ze zelf sluit. Automatisch verdwijnende meldingen voldoen niet aan WCAG 2.2.1 Timing Adjustable (in het Engels)(opent in nieuw venster).
- Denk aan gebruikers die sterk ingezoomd zijn, moeite hebben met lezen of een screenreader gebruiken – zij hebben meer tijd nodig om de melding te vinden en te begrijpen.
- Voorzie altijd een sluitknop.
- Gebruik aria-live zodat screenreaders de melding automatisch voorlezen.
- Optioneel: een subtiel geluid bij foutmeldingen of waarschuwingen, maar niet bij succesmeldingen (vermijd ruis).