Logo
Zurück zum Lexikon

ALT

Alt-Attribut Entscheidungsbaum

Dieser Entscheidungsbaum stellt eine Anleitung dar, um zu entscheiden, wie das "alt"-Attribut des <img>-Elements in HTML in verschiedenen Kontexten verwendet werden sollte. Das "alt"-Attribut dient dazu, alternative Textinformationen zu liefern, wenn das Bild aus irgendeinem Grund nicht angezeigt werden kann oder wenn der Benutzer einen Bildschirmlesegerät verwendet. Hier sind einige der möglichen Situationen und Empfehlungen:

  • Wenn das Bild Text enthält und dieser Text auch als echter Text in der Nähe vorhanden ist oder nur für visuelle Effekte angezeigt wird, sollte ein leeres Alt-Attribut verwendet werden. Solche Bilder werden oft als dekorative Bilder bezeichnet.

  • Wenn das Bild Text enthält, der eine spezifische Funktion hat (zum Beispiel ein Icon), oder wenn der Text im Bild sonst nicht präsent ist, sollte das Alt-Attribut verwendet werden, um entweder die Funktion des Bildes zu kommunizieren oder den Text des Bildes einzubeziehen.

  • Wenn das Bild in einem Link oder einem Button verwendet wird und es schwer oder unmöglich wäre zu verstehen, was der Link oder der Button tut, wenn das Bild nicht da wäre, sollte das Alt-Attribut verwendet werden, um das Ziel des Links oder die ausgeführte Aktion zu kommunizieren.

  • Wenn das Bild Bedeutung für die aktuelle Seite oder den Kontext beiträgt und es sich um eine einfache Grafik oder ein Foto handelt, sollte eine kurze Beschreibung des Bildes in einer Weise, die diese Bedeutung vermittelt, im Alt-Attribut verwendet werden.

  • Wenn das Bild Bedeutung für die aktuelle Seite oder den Kontext beiträgt und es sich um eine Grafik oder ein komplexes Stück Information handelt, sollte die im Bild enthaltene Information anderswo auf der Seite eingeschlossen sein.

  • Wenn das Bild rein dekorativ ist oder nicht für den Benutzer gedacht ist, sollte ein leeres Alt-Attribut verwendet werden.

In Fällen, die hier nicht aufgeführt sind, oder wenn unklar ist, welchen Alt-Text zu liefern ist, sollte man sich an die detaillierteren Informationen zur Bereitstellung von Textalternativen auf der entsprechenden Bildkonzeptseite wenden.

Quelle: https://www.w3.org/WAI/tutorials/images/decision-tree/ Info: https://www.w3.org/WAI/tutorials/images/informative/ https://www.w3.org/WAI/tutorials/images/complex/ https://www.w3.org/WAI/tutorials/images/decorative/