Dekorative Bilder übertragen keine Informationen, sondern dienen der Atmosphäre oder dem Design einer Webseite. Durch den Einsatz der richtigen Techniken zur Platzierung dieser Bilder kann die Hilfstechnologie diese ignorieren. Indem Sie dekorative Bilder so platzieren, dass sie von der Hilfstechnologie ignoriert werden können, machen Sie die Webseite für Besucher mit einer Behinderung nützlicher. Sie können sich um die Informationen auf der Webseite kümmern, ohne gestört zu werden.

Wie wendet man das an?

Dekorative Bilder werden am besten mit einem Style Sheet (CSS) auf der Webseite platziert. Sie werden dann vom Inhalt der Webseite getrennt und nicht durch das Lesen von Software ausgelesen. Besucher, die aus anderen Gründen die dekorativen Bilder nicht sehen wollen, können sie auch leicht verstecken. Zum Beispiel Besucher mit einer Konzentrationsstörung und Besucher, die den Text vergrößern wollen.

Bild, wie man ein dekoratives Bild anzeigt

Wenn es nicht möglich ist, ein dekoratives Bild mit CSS zu platzieren, sollten Sie den Alt-Text leer lassen. Selbst dann wird das Bild von der Auslesesoftware ignoriert.

Beispiele: Alt-Text leer lassen

Wenn Sie den Alt-Text leer lassen, geben Sie an, dass das Bild dekorativ ist. Es ist wichtig, dass das Attribut alt vorhanden ist, aber keinen Wert hat. Es sieht so aus:

<img src=”bild.jpg” alt=””>

Für Redakteure

Wenn ein Redakteur ein dekoratives Bild platzieren möchte, wird er dies mit CSS in der Regel nicht tun können. Die zweitbeste Lösung besteht darin, das Bild über das Content Management System (CMS) zu platzieren und den Alt-Text leer zu lassen.

Für Designer (Entwickler)

Der Ersteller schreibt und verwaltet das CSS einer Webseite. Er ist verantwortlich für die Platzierung von dekorativen Bildern, die mit der strukturellen Gestaltung der Anlage zusammenhängen, wie z.B. Hintergründe und Elemente des Hausstils.