Das Prüfverfahren zur BITV 1.0


Sie sind hier: BITV-Test > Verzeichnis der Prüfschritte > Prüfschritt 1.1.3 (3 von 52)


Diese Version des BITV-Tests ist nicht mehr gültig! zum aktuellen BITV-Test 2.0

Blättern: zum ersten Prüfschritt zum vorhergehenden Prüfschritt zum nächsten Prüfschritt zum letzten Prüfschritt

Prüfschritt 1.1.3
Leere alt-Attribute für Layoutgrafiken

Diese Version des Prüfschritts ist nicht mehr gültig!

Technische Angaben

Version bis 16.10.2009 | bis 22.9.2011
BITV-Bedingung 1.1
Bewertungsalternativen ja / eher erfüllt / eher nicht erfüllt / nein / nicht anwendbar
Gewichtung geringes Gewicht (1 Punkt)
Abwertung keine Abwertung möglich
Bezieht sich auf einzelne Webseite
Prüfschritt erfüllt Layoutgrafiken haben leere alt-Attribute.
Prüfschritt nicht anwendbar Layoutgrafiken sind nicht vorhanden.

Was wird geprüft?

Eine Grafik, die keine informative Funktion hat, benötigt keinen Alternativtext. Grafiken ohne informative Funktion sind zum Beispiel Abstandshalter, Farbflächen oder Muster. Solche Grafiken sollen mit einem leeren alt-Attribut (alt="") ausgezeichnet werden

Warum wird das geprüft?

Screenreader behandeln Bilder ohne alt-Attribut anders, als Bilder mit leerem alt-Attribut.

Wenn ein Screenreader auf ein Bild ohne alt-Attribut stößt, dann liest er normalerweise den Namen der Bilddatei vor. Denn in vielen Fällen muss man für die Benutzung von Seiten unbedingt wissen, was auf Bildern drauf ist. Dateinamen können dafür manchmal brauchbare Hinweise liefern.

Wenn Bilder nur der Dekoration dienen, ist das Vorlesen des Dateinamens dagegen störend. Bei diesen Bildern wäre es besser, wenn der Screenreader sie einfach übergehen würde.

Das leere alt-Attribut informiert den Screenreader darüber, dass das betreffende Bild nur der Dekoration dient und sein Inhalt unbedeutend ist. Der Screenreader ignoriert das Bild dann komplett, er tut so, als ob es überhaupt nicht da wäre.

Das leere alt-Attribut ist also sehr wichtig. Es stellt sicher, dass der Besucher mit Screenreader nicht durch das dauernde Vorlesen von bedeutungslosen Dateinamen an der Nutzung der Seite gehindert wird.

Wie wird geprüft?

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist anwendbar, wenn als img-Element eingebundene Grafiken für Layoutzwecke verwendet werden oder wenn informative Grafiken mit leeren alt-Attributen versehen sind.

2. Prüfung

  1. Die Seite im Internet Explorer laden.
  2. In der AIS Web Accessibility Toolbar die Funktion Images > Show Images aufrufen.
  3. Zu bemängeln sind komplett fehlende alt-Attribute (werden durch die Toolbar-Funktion mit "NoAlt!" gekennzeichnet) und auch Bezeichnungen wie "Abstandshalter", "leer" etc. für Layoutgrafiken sowie informative Grafiken, die wie Layoutgrafiken ausgezeichnet sind.

3. Hinweise

Aus mehreren Teilbildern zusammengesetzte Bilder:
eines der Teilbilder sollte einen Alternativtext haben, der über den Inhalt des zusammengesetzten Bildes informiert. Die anderen Teilbilder sollten dann mit leeren alt-Attributen versehen sein.

4. Bewertung

nicht voll erfüllt (oder schlechter):

  • Layoutgrafiken haben kein alt-Attribut
  • Layoutgrafiken sind mit Alternativtexten wie "Platzhalter" oder "leer" versehen.
  • informative Grafiken sind mit leerem alt-Attribut versehen.

Einordnung des Prüfschritts

Formulierung der entsprechenden BITV-Bedingung und deutsche Übersetzung der WCAG: siehe Prüfschritt 1.1.1

Einordnung des Prüfschritts nach WCAG 2.0

WCAG 2.0

Guideline

Success Criterion

Techniques

HTML Techniques
CSS Techniques

Fragen zu diesem Prüfschritt

Auf der Seite sind auch Grafiken, die ganz klar informativen Charakter haben, mit leeren Alt-Attributen versehen. Vermutlich wird automatisch ein leeres Alt-Attribut erzeugt, wenn zu einem Bild kein entsprechender Text eingegeben worden ist. Zu welchem Prüfschritt gehört das?

So ist das leere Alt-Attribut für dekorative Grafiken ganz sicher nicht gedacht. Das leere Alt-Attribut ist ja nicht das selbe, wie ein fehlendes Alt-Attribut. Es soll dem Besucher sagen, dass die Grafik keinen wichtigen Inhalt enthält und nur der Dekoration dient. Der Besucher weiß dann, dass er nichts versäumt, wenn er die Grafik nicht sieht. Die automatische Vergabe leerer Alternativtexte für informative Grafiken ist ein Missbrauch des leeren Alt-Attributs. Sie sorgt dafür, dass man sich auf dieses Kennzeichen nicht mehr verlassen kann.

In so einem Fall sind also zwei Prüfschritte nicht erfüllt. Der Alternativtext fehlt, das ist klar. Zusätzlich werden aber auch noch die leeren Alt-Attribute falsch eingesetzt. Auch dieser Prüfschritt ist also nicht erfüllt.

Warum soll man bei Layoutgrafiken nicht die jeweilige Aufgabe des Bildes, also zum Beispiel "Abstandhalter" in den Alternativtext schreiben?

Wofür sollte das gut sein? Den Abstand herstellen, also die Aufgabe des Bildes übernehmen kann der Alternativtext nicht. Die Information, dass da irgendwo Abstände zwischen Elementen der Seite sind, ist nutzlos. Wie die Elemente auf der Seite angeordnet sind, lässt sich der Tatsache, dass an irgend welchen Stellen Abstandhalter sind, auch nicht entnehmen.

Solche Alternativtexte haben also keinen Nutzen. Auf der anderen Seite kann es sehr störend sein, wenn der Screenreader dauernd "Abstandhalter Abstandhalter Abstandhalter ..." vorliest.

Warum müssen Layoutgrafiken mit leeren Alt-Attributen versehen werden? Sie werden ohnehin nicht gebraucht, warum also nicht einfach weglassen?

Leider ist es noch nicht selbstverständlich, dass informative Grafiken mit Alternativtexten versehen sind. Wenn eine Webseite Grafiken ohne Alternativtext enthält, kann der blinde Besucher also nicht davon ausgehen, dass diese Grafiken nur dem Layout dienen und für ihn nicht relevant sind. Daher die Festlegung, dass der Webdesigner Grafiken durch Zuordnung eines leeren Alt-Attributs ausdrücklich als Layoutgrafiken kennzeichnen soll.

Blättern: zum ersten Prüfschritt zum vorhergehenden Prüfschritt zum nächsten Prüfschritt zum letzten Prüfschritt


© 2003 - 2010 DIAS GmbH | Impressum | letzte Änderung 10.08.2006

nach oben