1.3.3 Sensorische Merkmale

WCAG - Definition

Anweisungen müssen nicht nur auf sensorischen Merkmalen basieren. Zum Beispiel: "Drücken Sie den grünen Knopf" oder "sehen Sie unten rechts".

Bedeutung

Visuelle oder auditive Hinweise sind nicht für alle zugänglich.

Zum Beispiel:

„Klicken Sie auf den roten Button“ - Farbenblinde oder blinde Menschen erkennen Farbe nicht

„Wählen Sie das Symbol rechts oben“ - Position ist bei Screenreader-Nutzung irrelevant

„Hören Sie das Piepen“ - Hörgeschädigte Personen hören es nicht

Die relevante Information muss auch textlich oder semantisch übermittelt werden.

Ausreichende Techniken

G96 – Ergänzen sensorischer Hinweise durch programmatisch zugängliche Textbeschreibungen

// FALSCH:
<p>Wählen Sie den grünen Button, um fortzufahren.</p>

//RICHTIG: 
<p>Wählen Sie den Button <strong>„Weiter“</strong>, um fortzufahren.</p>

<button type="submit">Weiter</button>

G84 – Nutzung von sichtbaren Textbeschreibungen statt nur Farbe/Form

// FALSCH:
<p>Pflichtfelder sind rot markiert.</p>

//RIHTIG: 
<p>Pflichtfelder sind mit einem Stern (*) gekennzeichnet.</p>
<label for="name">Name *</label>
<input id="name" required>

H89 – Hinzufügen von ARIA-Attributen oder visuellen Labels

Wenn Position oder Farbe in einem Spiel, Diagramm oder Tool wichtig ist, gib klare Labels

// Falsch: 
<p>Klicken Sie auf das Zahnrad oben rechts.</p>
//Richtig: 
<p>Klicken Sie auf das Symbol mit dem Zahnrad und dem Text „Einstellungen“.</p>

Beratungstechniken

G111 - Vermeide Hinweise wie „siehe unten“ oder „in der rechten Spalte“
G183 - Stelle sicher, dass Farbe nicht allein als Unterscheidungsmerkmal genutzt wird
G162 - Verwende zusätzliche Hinweise (z. B. Icons mit Text, Muster, Symbole)
G193 - Kombiniere Symbole mit Klartext (z. B. ✅ = „richtig“)
G14 - Nutze ausreichenden Farbkontrast, wenn Farbe verwendet wird

Fehler

  • Die Bedienung eines Elements basiert nur auf sensorischen Hinweisen (z. B. „Klicken Sie auf das Quadrat links“)
  • Nur Farbe oder Form verwendet, ohne textliche Unterscheidung
  • Fehlermeldung oder Anleitung basiert nur auf Ton oder Position
  • Formularhinweis „Alle roten Felder sind Pflicht“ ohne zusätzliche Kennzeichnung