Standarder · WCAG 2.2

SC 1.3.3 Niveau A WCAG 2.0

Sansemæssige egenskaber

Instrukser må ikke udelukkende basere sig på form, størrelse, placering, orientering, lyd eller farve. "Klik på den grønne knap til højre" udelukker brugere, der ikke kan se layoutet eller skelne farver.

Hvad det kræver

Instrukser, der fortæller brugerne, hvordan de skal interagere med indhold, skal fungere for nogen, der ikke kan opfatte det sansemæssige signal, du peger på. Hvis du siger „klik på den runde knap“, har en skærmlæserbruger ingen idé om, hvilken knap der er rund. Hvis du siger „menuen til venstre“, har en bruger, der har reflowet siden til én kolonne, ikke en venstre side. Parr hvert sansemæssigt signal med en ikke-sansemæssig identifikator — en etiket, et navn, et nummer.

Sådan opfyldes det

  • Erstat „klik på den grønne knap“ med „klik på knappen Indsend“ — navngiv kontrolelementet.
  • Erstat „se boksen til højre“ med „se afsnittet Priser nedenfor“ — navngiv afsnittet ved dets overskrift.
  • Til diagramreferencer navngives den mærkede del frem for dens position: „se trin 3“, ikke „se den øverste cirkel.“
  • For lydgivere („du hører et bip, når det er færdigt“) parres med en synlig statusmeddelelse.
  • For formreferencer på ikoner („tandhjulsikonet“) sikres det, at ikonet også har et tilgængeligt navn i koden.

Typiske fejl

  • „Tryk på den runde grønne knap for at fortsætte“ — tre sansemæssige signaler, intet navn.
  • Formularhjælpetekst, der siger „se panelet til højre“ i et desktoplayout, der bliver én kolonne på mobil.
  • „Lyt efter klokkespillet“ uden visuelt alternativ.
  • Vejledningsindhold, der peger på et „blåt link i sidebjælken“ — farve, placering, intet navn.
  • Onboarding-tur: „tooltip’en med pilen“ — baserer sig udelukkende på form.

Hvorfor det er vigtigt

Automatiserede værktøjer sjældent fanger denne type fejl (Lighthouse kan ikke læse prosa), så den opdages kun ved manuel gennemgang. Rettelsen er næsten altid en redaktionel ændring, ikke en kodeændring — nem at levere, men nem at overse.