WCAG 1.3.3 Sensorische Eigenschaften

Das Erfolgskriterium 1.3.3 sorgt dafür, dass Menschen Anweisungen auch dann folgen können, wenn sie Form, Farbe, Größe oder Position eines Elements nicht sehen oder einen Ton nicht hören können. Dazu gehören Screenreader-Nutzer, Menschen mit Farbsehschwäche und Menschen mit vergrößertem oder umbrochenem Layout, in dem „rechts“ nicht mehr rechts ist. Es gehört zur Konformitätsstufe A und ist Teil von EN 301 549 (Abschnitt 9.1.3.3). Das BFSG verweist über die harmonisierte Norm EN 301 549 auf diese Anforderungen.

Was das Erfolgskriterium verlangt

Anweisungen zum Verstehen und Bedienen von Inhalten dürfen sich nicht ausschließlich auf sensorische Eigenschaften von Komponenten stützen, etwa auf:

• Form („Drücken Sie den runden Button“);
• Farbe („Rote Felder sind Pflichtfelder“);
• Größe („Klicken Sie auf den großen Button“);
• visuelle Position oder Ausrichtung („Nutzen Sie das Menü links“);
• Ton („Fahren Sie fort, wenn Sie den Piepton hören“).

Die Anweisung darf diese Eigenschaften erwähnen, muss aber auch etwas angeben, das von keinem Sinn abhängt — meist den sichtbaren Namen oder die Beschriftung des Elements.

Die WCAG weisen darauf hin, dass die vollständigen Anforderungen an Farbe in Richtlinie 1.4 stehen.

Typische Fehler in Onlineshops

• „Klicken Sie auf den grünen Button, um Ihre Bestellung abzuschließen“;
• „Nutzen Sie die Pfeile rechts, um weitere Produkte zu sehen“ bei einem Karussell;
• „Pflichtfelder sind rot markiert“ ohne weiteren Hinweis;
• „Tippen Sie oben auf das Icon, um Ihren Warenkorb zu öffnen“, wenn das Icon keinen Namen hat;
• ein Ton bestätigt etwas, ohne dass eine Textmeldung erscheint.

So prüfen Sie es

Automatisch: Keine automatische Regel unseres Checkers ist diesem Kriterium zugeordnet. Um Anweisungen zu finden, die sich auf Form oder Position stützen, muss man den Text lesen und verstehen. Hier ist eine manuelle Prüfung nötig.

Manuell: Durchsuchen Sie Templates, Checkout, Formulare, Hilfeseiten und Fehlermeldungen nach Wörtern wie „links“, „rechts“, „oben“, „unten“, „rund“, „eckig“, „grün“, „rot“, „groß“, „Icon“ und „hören“. Prüfen Sie bei jedem Treffer, ob das Element auch über seinen Namen oder seine Beschriftung benannt wird.

So beheben Sie es

• Benennen Sie das Element: „Wählen Sie Bestellung aufgeben“ statt „Klicken Sie auf den grünen Button“.
• Kombinieren Sie Hinweise: „Pflichtfelder sind mit einem Sternchen (*) und dem Wort Pflichtfeld gekennzeichnet“.
• Geben Sie Icon-Buttons eine Textbeschriftung oder einen zugänglichen Namen und verwenden Sie diesen Namen in Anweisungen.
• Ergänzen Sie Töne um eine sichtbare Textmeldung.

Verwandte Kriterien

• 1.4.1 Benutzung von Farbe — Farbe als einziger visueller Hinweis.
• 1.3.1 Info und Beziehungen — Struktur und Labels im Code.
• 1.3.2 Bedeutungstragende Reihenfolge — Lesereihenfolge.

Häufige Fragen

Darf ich noch „der Button rechts“ schreiben?

Ja, solange die Anweisung den Button auch benennt, zum Beispiel „Wählen Sie Weiter, den Button rechts“. Die Position darf eine zusätzliche Hilfe sein, aber nicht der einzige Weg, den Button zu finden.

Sind „oben“ und „unten“ erlaubt?

Wo „oben“ früher und „unten“ später im Inhalt bedeutet, sind Formulierungen wie „siehe die Links unten“ in Ordnung, wenn der Inhalt in der Lesereihenfolge wirklich an dieser Stelle steht und der Bezug eindeutig ist.

Wie unterscheidet sich 1.3.3 von 1.4.1 Benutzung von Farbe?

1.3.3 betrifft Anweisungen, die sich nur auf sensorische Eigenschaften stützen, einschließlich Farbe. 1.4.1 regelt jede Verwendung von Farbe als einziges visuelles Mittel zur Vermittlung von Informationen, nicht nur in Anweisungen.