Ga naar hoofdinhoud

WCAG

WCAG-succescriterium 1.3.3 Zintuiglijke eigenschappen

Niveau A

Uitleg

Geef instructies op een inclusieve manier. De instructies kunnen begrijpen moet niet afhankelijk zijn van eigenschappen die sommige gebruikers niet ervaren.

Het gaat hierbij om eigenschappen zoals vorm, kleur, afmeting, locatie op het scherm, richting, of geluid. Bijvoorbeeld:

  • "De fouten zijn met een rode rand gemarkeerd". Niet iedereen kan zien, niet iedereen kan de kleur rood van zwart onderscheiden.
  • "Klik op de meest rechtse knop". Niet iedereen kan zien, sommige gebruikers zijn ingezoomd waardoor de knoppen op twee regels staan.
  • "Als je het geluid hoort, heb je nog 5 minuten." Niet iedereen kan dat geluid goed horen of heeft het geluid aanstaan.

Dit succescriterium gaat dus niet alleen over het waarnemen van kleur, zoals WCAG-succescriterium 1.4.1 Gebruik van kleur, maar ook over de andere zintuigen.

Geef naast een aanduiding in kleur, locatie of vorm ook tekstuele informatie.

  • Schrijf foutmeldingen ook uit in tekst, bijvoorbeeld: 'De geldigheidsdatum van uw paspoort moet in de toekomst liggen'.
  • Verwijs naar de tekst van een knop, bijvoorbeeld: 'Kies Volgende stap'.
  • Geef naast een geluidje ook een statusmelding in tekst: 'Over 5 minuten word je uitgelogd'.

Gerelateerde NL Design System-richtlijnen

Hoe te testen

Bekijk en lees de pagina en controleer of alle informatie ook beschikbaar is als je een of meerdere zintuigen mist.

Let bijvoorbeeld op:

  • het aangeven van foutmeldingen bij formulieren, alleen een rood randje of een geluidje is niet voldoende;
  • de weergave van data in grafieken, kan iemand die blind of kleurenblind is dit ook begrijpen;
  • de weergave van links in de tekst, deze moet liefst onderstreept zijn;
  • het aangeven van een status (succes, waarschuwing, fout) in een statusmelding: alleen een groene, gele of rode achtergrond of het laten horen van een geluidje is onvoldoende, er moet ook in tekst staan wat de status is;
  • verwijzingen naar kleur, vorm of locatie in de tekst, bijvoorbeeld 'druk op de vierkante groene knop rechts om door te gaan' is voor blinde, slechtziende en kleurenblinde bezoekers een probleem.

Het is voldoende als de informatie ergens anders op de pagina makkelijk vindbaar is en goed wordt uitgelegd, of als de betekenis volgt uit het gebruik of plek van een element. Een link in een menu hoeft bijvoorbeeld niet onderstreept te zijn.

De verwijzing naar "boven" of "onder" is goed, mits het element waarnaar verwezen wordt, ook in die volgorde door een screenreader wordt voorgelezen. Bijvoorbeeld in "Kies een van de onderstaande links".

Gebruikersonderzoek

Heb je gebruikersonderzoek gedaan dat betrekking heeft op dit succescriterium en wil je dit delen? Kijk eens bij Gebruikersonderzoeken delen op gebruikersonderzoeken.nl.

W3C referenties

Belangrijk: De richtlijnen van NL Design System zijn geen wettelijke verplichting

De richtlijnen van NL Design System zijn niet wettelijk verplicht en zijn geen vervanging voor de wettelijk geldende WCAG 2.1 specificatie.

Ons doel is om praktische uitleg en voorbeelden te geven die helpen bij het toegankelijk inzetten van de NL Design System componenten, patronen en richtlijnen. We doen dat op basis van een interpretatie van de nieuwe WCAG 2.2 specificatie.

Weten waar je volgens de wet aan moet voldoen? Ga dan naar wat is verplicht van DigiToegankelijk.

Help richtlijn verbeteren

Deze pagina's over WCAG worden onderhouden door het NL Design System. Heb je aanvullingen of opmerkingen? Deel je mening op GitHub.