Seite 2

Behandlung von Bildern

Anforderung 01: Für jeden Audio- oder visuellen Inhalt sind geeignete äquivalente Inhalte bereitzustellen, die den gleichen Zweck oder die gleiche Funktion wie der originäre Inhalt erfüllen.

Bedingung 1.1: Für jedes Nicht-Text-Element ist ein äquivalenter Text bereitzustellen. ...

Lösung HTML

HTML hat für diese Anforderung das alt-Attribut vorgesehen. Das Attribut "alt" wird im Sinne von Alternativtext verwendet. Es ist nicht mit dem "title"- Attribut zu verwechseln, das einen Begleittext erzeugt. Die Anzeige des alt-Attributes als Begleittext(nur IE) ist rein willkürlich.

Umsetzung in content-housing

Der [img]-Baustein wird im Editoren immer mit "alt" und "title" vorgegeben.

• alt :"Welches Wort würde ich jetzt einsetzen, wenn ich kein Bild einsetzen würde?"
• title : Ein Titel ist ein beschreibendes Synonym für etwas und daher in unseren Augen gut geeignet für eine kurze Beschreibung.

Testmöglichkeiten

Netscape(7.1): Bearbeiten/Einstellungen/Privatsphäre-Sicherheit/Grafiken -Keine Grafiken laden: aktivieren
IE(6.0): Extras/Internetoptionen/Erweitert/ -Einstellungen -Multimedia -Bilder anzeigen: deaktivieren.

Beobachtungen, Anmerkungen

Netscape zeigt die alt-Texte.
Der IE zeigt bei diesen Einstellungen Platzhalter und alt-Text.
Sind die Platzhalter zu klein, gibt es leider auch keine alt-Texte. Die Tags sind jedoch im Quelltext vorhanden und darauf kommt es für uns an.

Das, für eine längere Beschreibung vorgesehene, longdesc-Attribut, als Verweis auf einen beschreibenden Text, wird von den Browsern bislang nicht befriedigend umgesetzt. Auch bei Netscape muss man sich, über die rechte Maustaste, die Eigenschaften anzeigen lassen und den darin befindlichen Link in die Adressenzeile des Browsers eingeben.

Eleganter erscheint die Möglichkeit, eine Grafik mit einer beschreibenden Seite zu verlinken. (Denken sie an einen online-shop.) Hier kann man dann auch ein Bild in einer anderen Größe einbinden. Jedoch ist diese Vorgehensweise aufwendig.

Bildname: anf01-see.jpg
alt Bild: Beispielbild, die Angabe der Aufgabe des Bildes erscheint sinnvoll.
alt Originalbild auf der Zielseite: Anlegesteg, da das Bild seine Aufgabe verloren hat.
title Bild: Blick auf einen Anlegesteg
title Link: Bild in Originalgröße mit beschreibendem Text

Kommentare Seite 2