Glossar · A
Alternativtext (Alt-Text): Bilder für alle zugänglich beschreiben
Ein Alternativtext (kurz Alt-Text) ist eine textuelle Beschreibung eines Bildes im HTML-Code einer Website, die von Screenreadern vorgelesen wird, wenn das Bild selbst nicht wahrgenommen werden kann. Er ermöglicht blinden und sehbeeinträchtigten Menschen, den Inhalt und die Bedeutung von Bildern zu verstehen. Alternativtexte sind zudem wichtig, wenn Bilder technisch nicht geladen werden können.
Wie funktioniert Alternativtext (Alt-Text)?
Ein Alternativtext wird im HTML-Code über das alt-Attribut eines Bild-Elements hinterlegt. Screenreader lesen diesen Text anstelle des Bildes vor, sodass Nutzende erfahren, was auf dem Bild zu sehen ist.
Ein guter Alternativtext zeichnet sich durch folgende Merkmale aus:
- Kurz und präzise: Beschreibt den relevanten Bildinhalt ohne unnötige Details.
- Kontextbezogen: Berücksichtigt, welche Funktion oder Aussage das Bild im jeweiligen Zusammenhang hat.
- Ohne Redundanz: Vermeidet Formulierungen wie „Bild von“, da Screenreader das Element bereits als Bild ankündigen.
- Leeres alt-Attribut bei dekorativen Bildern: Rein dekorative Bilder erhalten ein leeres alt-Attribut, damit sie von Screenreadern übersprungen werden.
Warum ist Alternativtext (Alt-Text) wichtig?
Ohne Alternativtext bleiben Bildinhalte für Screenreader-Nutzende komplett unzugänglich, was insbesondere bei informativen Grafiken oder Diagrammen problematisch ist.
- Zugang zu visuellen Informationen: Ermöglicht das Verständnis von Bildinhalten unabhängig vom Sehvermögen.
- SEO-Vorteil: Alternativtexte helfen auch Suchmaschinen, den Inhalt eines Bildes zu verstehen.
- Rechtliche Anforderung: Alternativtexte sind ein zentrales Kriterium der WCAG und damit Teil vieler gesetzlicher Vorgaben.
- Risiko bei fehlendem Alt-Text: Wichtige Informationen, etwa in Infografiken, bleiben für Betroffene unzugänglich.
Abgrenzung zu ähnlichen Begriffen
Der Alternativtext ist eng mit den verbunden, die die korrekte Verwendung von Alternativtexten als eines ihrer grundlegenden Erfolgskriterien definieren. Abzugrenzen ist der Alternativtext zudem von der : Während der Alternativtext statische Bilder auf Websites beschreibt, beschreibt die Audiodeskription bewegte Bildinhalte, etwa in Filmen oder bei Veranstaltungen, gesprochen in Echtzeit.
Häufig gestellte Fragen (FAQ)
Wo wird ein Alternativtext hinterlegt?
Im HTML-Code eines Bildes über das sogenannte alt-Attribut, das von Screenreadern vorgelesen wird.
Brauchen dekorative Bilder auch einen Alternativtext?
Rein dekorative Bilder erhalten ein leeres alt-Attribut, damit Screenreader sie überspringen und Nutzende nicht unnötig informiert werden.
Hat der Alternativtext auch Vorteile für SEO?
Ja, gut formulierte Alternativtexte helfen Suchmaschinen, den Bildinhalt zu verstehen und können sich positiv auf das Suchmaschinenranking auswirken.