Das Wichtigste über Alternativtexte (+ Extension-Tipp)
Moin!
Wenn es um Barrierefreiheit geht, dann sind gute Alternativtexte für Bilder ein ziemlich einfaches Mittel, um Barrieren abzubauen. Und eine ideale Beschäftigung Aufgabe für Redakteur:innen.
Aber was schreibe ich sinnvollerweise als Alt-Text? Und muss ich wirklich jedes Bild beschreiben?
Da die Fragen gerne mal in Schulungen gestellt werden, gebe ich dir heute meine Tipps für sinnvolle Alternativtexte, ergänzt durch ein paar Tipps von ChatGPT:
- Beschreibe das Bild: Was zeigt das Bild? Beispiel: „Ein roter Apfel auf einem Holztisch“. Bitte nicht „Ihr Tischler für individuelle Möbel in Kiel“.
- Kurz und prägnant: Meist reichen 1, maximal 2 Sätze (max. ca. 125 Zeichen).
- Kontextbezogen: Der Text sollte den Bildinhalt im Kontext der Seite beschreiben. Beispiel: Wenn das Bild Teil eines Rezeptes ist, dann „Geschnittener Apfel für Apfelkuchen“.
- Keine Redundanz: Wenn der Inhalt schon im umgebenden Text vorkommt, genügt ein
alt="". - Keine "Bild von ..." oder "Foto von ...": Diese Info ist überflüssig – der Screenreader kündigt das Bild ohnehin an.
- Funktionale Bilder: Bei verlinkten oder interaktiven Bildern sollte der Alt-Text die Funktion beschreiben. Beispiel: „Zur Startseite“.
- Dekorative Bilder: Wenn das Bild rein dekorativ ist, verwende ein leeres Alt-Attribut (
alt="").
Also am besten direkt bei der Schulung darauf hinweisen, damit alle neuen Bilder direkt mit dem richtigen Alt-Text ausgestattet werden.
Und was ist mit bestehenden Projekten?
Ausgezeichnete Frage. Je größer das Projekt, desto unübersichtlicher wird es, Bilder mit fehlenden Alternativtexten zu finden. Es sei denn die Website läuft bereits unter Contao 5.3 oder höher. Mit dem Alt-Text-Editor von Lukas kannst du dir ganz einfach die Bilder mit fehlenden Texten auflisten lassen und die Alt-Texte nachtragen:
Alternativ (z. B. bei Contao 4.13 Projekten) kannst du auch einen Crawler wie den Onpage-Check von Sistrix (oder den kostenlosen Smart-Check) nutzen, der dann gleich noch andere Probleme aufschlüsselt (z. B. Fehler in der Überschriftenhierarchie).
Erstma'
Dennis
PS: Errätst du, welche Punkte von ChatGPT sind und welche von mir?