1.3.3 Sensorische Eigenschaften

Eine Anweisung darf Elemente nicht nur über Form, Farbe, Größe, Position oder Ton benennen, wie „die runde Schaltfläche“ oder „das Menü rechts“.

/ Was es verlangt

Anweisungen müssen auch für jemanden funktionieren, der den Bildschirm nicht sieht oder die Seite nicht hört. „Drücken Sie die runde Schaltfläche“, „nutzen Sie das Menü rechts“ oder „fahren Sie fort, wenn Sie den Ton hören“ verweisen nur über Form, Farbe, Größe, Position, Ausrichtung oder Ton auf etwas. Ein Screenreader-Nutzer hört keine dieser Eigenschaften, wer mit Vergrößerung arbeitet, sieht immer nur einen kleinen Ausschnitt, und auf dem Telefon ist „die rechte Spalte“ meist unter den Inhalt gerutscht.

Das Kriterium verbietet solche Hinweise nicht. W3C betont, dass Form und Position vielen Menschen helfen, auch Menschen mit kognitiven Einschränkungen, solange die Anweisung einen weiteren Weg bietet, das Element zu erkennen, meist seine sichtbare Beschriftung oder Überschrift. Wo „oben“ und „unten“ früher und später in der Lesereihenfolge bedeuten, besteht eine Formulierung wie „wählen Sie einen der Links unten“, wenn der Bezug eindeutig ist. Anforderungen an Farbe als solche stehen in 1.4.1.

/ Woran Seiten scheitern

Eine Umfrage sagt „drücken Sie die runde Schaltfläche zum Absenden und die eckige zum Abbrechen“, und beide Schaltflächen zeigen nur ein Symbol.
Eine Hilfeseite sagt „die Formulare finden Sie in der rechten Spalte“, die auf dem Telefon unter dem Artikel erscheint.
Ein Formular sagt „klicken Sie auf die grüne Schaltfläche, um fortzufahren“, und auf der Schaltfläche selbst steht „Los“.
Eine Produktliste kennzeichnet die Verfügbarkeit mit einem Kreis oder einem Quadrat, und die Legende erklärt beide nur über ihre Form.
Ein Online-Test sagt „antworten Sie, wenn Sie das Signal hören“, und auf dem Bildschirm ändert sich in diesem Moment nichts.

/ So prüfen Sie es selbst

Lesen Sie jede Anweisung auf der Seite: Hinweise in Formularen, Hilfetexte, Fehlermeldungen, Tooltips, Schritte einer Einführung und Legenden.
Markieren Sie jede, die über Form, Farbe, Größe, Position auf dem Bildschirm, Ausrichtung oder Ton auf etwas verweist.
Prüfen Sie bei jeder markierten Anweisung, ob derselbe Satz das Element auch mit seiner sichtbaren Beschriftung, Überschrift oder seinem Text benennt.
Schalten Sie einen kostenlosen Screenreader ein, NVDA unter Windows oder VoiceOver auf dem Mac oder iPhone, und folgen Sie der Anweisung, ohne hinzusehen.
Verkleinern Sie das Fenster auf Telefonbreite oder zoomen Sie auf 400 Prozent und prüfen Sie, ob „links“, „rechts“ und „Seitenleiste“ noch beschreiben, wo die Dinge stehen.

/ So beheben Sie es

Benennen Sie das Bedienelement mit seiner Beschriftung: „wählen Sie Absenden“ statt „wählen Sie die runde Schaltfläche“. Der visuelle Hinweis darf bleiben: „die grüne Schaltfläche Weiter unten auf der Seite“.
Ersetzen Sie Positionsangaben durch den Namen einer Überschrift oder einen seiteninternen Link: „siehe Zugehörige Formulare“, verlinkt auf #zugehoerige-formulare.
Geben Sie reinen Symbolschaltflächen eine sichtbare Textbeschriftung, damit eine Anweisung ein Wort hat, auf das sie sich beziehen kann.
Setzen Sie Text neben jedes Symbol einer Legende, „Lieferbar“ und „Nachbestellt“, oder geben Sie den Symbolbildern einen Alternativtext, der dasselbe sagt.
Verbinden Sie jedes Tonsignal mit einer sichtbaren Änderung auf dem Bildschirm und einer Textmeldung, etwa einer Statuszeile „Aufnahme läuft“.

/ Was unser Scanner prüft

Unser Scan hat keine Prüfung, die 1.3.3 zugeordnet ist. Eine Anweisung zu finden, die sich auf Form, Position, Farbe oder Ton stützt, heißt die Texte mit Blick auf das Layout zu lesen, etwa „die grüne Schaltfläche“ zu entdecken und dann zu prüfen, ob die Schaltfläche auch benannt wird. Dieses Lesen übernimmt ein Mensch im manuellen Audit.

/ Wer es verletzt, nach unseren eigenen Messungen

Der wöchentliche Index hat für dieses Kriterium keine Zahlen, weil keine Prüfung des Website-Scans es testen kann. Ein Mensch beurteilt es, und genau dafür gibt es ein manuelles Audit.

Eine Seite je Stelle, automatisch im Wochenrhythmus gemessen. Behebungen seit dem letzten Durchlauf erscheinen beim nächsten, und jede Eintragsseite bietet ein Recht auf Gegendarstellung.

/ Fragen zu diesem Kriterium

Ist „siehe unten“ nach WCAG erlaubt?

Ja, in den meisten Fällen. W3C erklärt, dass in Sprachen, in denen „oben“ und „unten“ das Vorhergehende und das Folgende im Inhalt meinen, Formulierungen wie „wählen Sie einen der Links unten“ oder „alle oben genannten“ konform sind, sofern der gemeinte Inhalt an dieser Stelle der Lesereihenfolge steht und der Bezug eindeutig ist. „Der Kasten links“ ist etwas anderes, denn links hat in der Lesereihenfolge keine Bedeutung.

Was ist der Unterschied zwischen 1.3.3 und 1.4.1 Benutzung von Farbe?

1.3.3 betrifft Anweisungen: Sie dürfen sich nicht nur auf sensorische Eigenschaften wie Form, Farbe, Größe, Position oder Ton stützen. 1.4.1 betrifft jede Information: Farbe darf nicht das einzige visuelle Mittel sein, sie zu vermitteln, eine Handlung anzuzeigen oder ein Element hervorzuheben. Eine Anweisung, die nur „klicken Sie auf die grüne Schaltfläche“ sagt, kann beide verletzen.

Dürfen Anweisungen weiterhin Symbole, Farben und Positionen erwähnen?

Ja. W3C schreibt, dass Form und Position für viele Nutzer ein wirksamer Hinweis sind, auch für Menschen mit kognitiven Einschränkungen, und das Kriterium davon nicht abhalten soll. Entscheidend ist das Wort „nur“. „Wählen Sie den grünen Pfeil mit der Beschriftung Weiter unten rechts“ besteht, weil die Beschriftung für jeden da ist, der Pfeil und Farbe nicht sieht.

Eigene Seite messen Alle gemessenen Barrieren