Standards · WCAG 2.2

SC 1.3.3 Stufe A WCAG 2.0

Sensorische Merkmale

Anweisungen dürfen sich nicht ausschließlich auf Form, Größe, Position, Ausrichtung, Klang oder Farbe stützen. „Klicken Sie auf den grünen Knopf rechts“ schließt Nutzende aus, die das Layout nicht sehen oder Farben nicht unterscheiden können.

Was gefordert wird

Anweisungen, die erklären, wie mit Inhalten zu interagieren ist, müssen auch für Personen verständlich sein, die den genannten sensorischen Hinweis nicht wahrnehmen können. Wer „auf den runden Knopf klicken“ soll, weiß als Screenreader-Nutzender nicht, welcher Knopf gemeint ist. Wer „das Menü links“ sucht, findet es nicht, wenn die Seite in eine einzige Spalte umgebrochen wurde. Jedem sensorischen Hinweis muss ein nicht-sensorischer Bezeichner beigefügt werden — eine Beschriftung, ein Name, eine Nummer.

Wie dieses Kriterium erfüllt wird

  • „Klicken Sie auf den grünen Knopf“ ersetzen durch „Klicken Sie auf Absenden“ — das Steuerelement wird namentlich bezeichnet.
  • „Siehe das Feld rechts“ ersetzen durch „Siehe den Abschnitt Preise weiter unten“ — der Abschnitt wird durch seine Überschrift benannt.
  • Bei Verweisen auf Diagramme wird das beschriftete Element statt seiner Position genannt: „Siehe Schritt 3“ statt „Siehe den oberen Kreis.“
  • Akustische Hinweise („Sie hören einen Signalton, wenn der Vorgang abgeschlossen ist“) werden durch eine sichtbare Statusmeldung ergänzt.
  • Bei Formverweisen auf Symbole („das Zahnrad-Symbol“) muss das Symbol im Markup über einen zugänglichen Namen verfügen.

Häufige Fehler

  • „Drücken Sie den runden grünen Knopf zum Fortfahren“ — drei sensorische Hinweise, kein Name.
  • Hilfetext zu einem Formular, der auf „das Panel rechts“ verweist, während das Layout auf Mobilgeräten eine einzige Spalte darstellt.
  • „Warten Sie auf den Signalton“ ohne visuelle Alternative.
  • Anleitungstext, der auf einen „blauen Link in der Seitenleiste“ verweist — Farbe, Position, kein Name.
  • Onboarding-Tour: „der Tooltip mit dem Pfeil“ — beruht ausschließlich auf der Form.

Warum es darauf ankommt

Dieses Kriterium wird von automatisierten Werkzeugen selten erkannt (Lighthouse kann Fließtext nicht auswerten) und taucht deshalb nur bei manueller Prüfung auf. Die Behebung ist fast immer eine redaktionelle Korrektur, keine Codeänderung — einfach umzusetzen, aber leicht zu übersehen.