Normen · WCAG 2.2

SC 1.3.3 Niveau A WCAG 2.0

Zintuiglijke kenmerken

Instructies mogen niet uitsluitend steunen op vorm, grootte, locatie, oriëntatie, geluid of kleur. "Klik op de groene knop rechts" sluit gebruikers uit die de indeling niet kunnen zien of kleur niet kunnen onderscheiden.

Wat het vereist

Instructies die gebruikers vertellen hoe ze met inhoud moeten communiceren, moeten werken voor iemand die de zintuiglijke aanwijzing die wordt aangeduid niet kan waarnemen. Als er staat „klik op de ronde knop“ heeft een schermlezersgebruiker geen idee welke knop rond is. Als er staat „het menu aan uw linkerhand“ heeft een gebruiker die de pagina heeft omgezet naar een enkele kolom geen linkerhand. Koppel elke zintuiglijke aanwijzing aan een niet-zintuiglijke identifier — een label, een naam, een nummer.

Hoe eraan te voldoen

  • Vervang „klik op de groene knop“ door „klik op de knop Verzenden“ — benoem het besturingselement.
  • Vervang „zie het vak aan de rechterkant“ door „zie het gedeelte Prijzen hieronder“ — benoem het gedeelte bij zijn kop.
  • Voor diagramverwijzingen, benoem het gelabelde onderdeel in plaats van de positie: „zie stap 3“, niet „zie de bovenste cirkel.“
  • Voor geluidsaanwijzingen („u hoort een piep wanneer het klaar is“), koppel aan een zichtbaar statusbericht.
  • Voor vormverwijzingen op pictogrammen („het tandwielpictogram“), zorg dat het pictogram ook een toegankelijke naam heeft in de opmaak.

Veelvoorkomende fouten

  • „Druk op de ronde groene knop om door te gaan“ — drie zintuiglijke aanwijzingen, geen naam.
  • Formulierhulptekst met „zie het paneel aan de rechterkant“ in een bureaubladindeling die op mobiel een enkele kolom wordt.
  • „Luister naar de chime“ zonder visueel alternatief.
  • Tutorialtekst die wijst naar een „blauwe link in de zijbalk“ — kleur, locatie, geen naam.
  • Onboardingtour: „de tooltip met de pijl“ — steunt volledig op vorm.

Waarom het belangrijk is

Dit succescriterium wordt zelden door geautomatiseerde tools opgespoord (Lighthouse kan geen proza lezen), dus het wordt alleen ontdekt bij handmatige beoordeling. De oplossing is bijna altijd een tekstaanpassing, geen codewijziging — eenvoudig te implementeren maar gemakkelijk over het hoofd te zien.