Alternativtexte für Bilder

Für jedes, nicht textuelle Element in einer Webseite sollte im Quellcode ein zusätzlicher Text stehen, damit auch Nutzer von Textorientierten Browsern, Audio-Browsern oder Screen Readern die Möglichkeit haben die in derGrafik stehenden Informationen wahrzunehmen. Das gilt besonders für Navigationselemente der Webseite, die auf Grafik aufgebaut sind.

Kurze Alternativtexte
Zur Beschreibung von Bildern und Grafiken wird im HTML-Code das alt-Attribut beigefügt, Wenn Buttons - also Bilder als Navigationselemente eingesetzt werden, sollten die Alttexte schlüssige Informationen enthalten. Beispiel: von einer Folgeseite der Kunstuniversität Linz, wird bei anklicken des Bildes "Nike" zurück zur Homepage geleitet. Dementsprechend ist als Alttext "Universität für Geataltung Linz, zurück zur Homepage" eingefügt. Codebeispiel:


<img src="nike.gif" alt="Universität für Gestaltung Linz, zurück zur Homepage">

 

Lange Alternativtexte
Wenn Bilder als Abbilder (Infografiken etc.) eingesetzt werden, also Zusammenhänge mit Hilfe von visueller Wahrnehmung der Grafik erklärt werden, ist eine Beschreibung der Grafikinhalte erforderlich. Diese längeren Erklärungen werden mit dem longdesc-Attribut möglich, wo auf eine zusätzliche Datei verwiesen wird. In der Datei, abgelegt als HTM-Dokument wird dann der Informationstext, stellvertretend für Anreisegrafik beschrieben. Codebeispiel:


<img scr="standort_hauptplatz.gif" alt="Anreiseinformationen" longdesc="standort/anreise/index.html">