📝 Was sind Alt-Texte?
Alt-Texte (Alternativtexte) sind beschreibende Texte, die den Inhalt oder die Funktion eines Bildes auf einer Webseite erklären. Sie werden angezeigt, wenn das Bild nicht geladen werden kann, und von Screenreadern vorgelesen, damit Menschen mit Sehbehinderung den Inhalt erfassen können.
🔍 Warum sind Alt-Texte wichtig?
Barrierefreiheit: Sie ermöglichen es Menschen mit Sehbehinderung, den Bildinhalt zu verstehen.
SEO (Suchmaschinenoptimierung): Suchmaschinen nutzen Alt-Texte zur Indexierung von Bildern.
Fehlertoleranz: Wenn ein Bild nicht geladen wird, zeigt der Browser den Alt-Text an.
🖼️ So formulierst du einen guten Alt-Text
Ein guter Alternativtext (Alt-Text) beschreibt knapp und präzise, was auf dem Bild zu sehen ist – nicht, wie es aussieht oder was man davon halten soll.
Grundregeln für gute Alt-Texte:
Beschreibe den Bildinhalt in einem Satz – sachlich und konkret.
Fokussiere auf das Wesentliche – was ist wichtig für das Verständnis?
Verzichte auf Einleitungen wie "Bild von" oder "Foto zeigt".
Denke an den Kontext – warum ist das Bild da? Was soll es vermitteln?
Vermeide dekorative Details, wenn sie nicht relevant sind.
🎿 Beispiel: Alt-Text für ein Bild aus einem Skikurs
❌ Schlecht: „Foto von Skifahrern im Schnee“ (zu allgemein, nichtssagend)
✅ Gut: „Skilehrer zeigt einer Gruppe Kinder, wie man richtig bremst“ (wer, was, wo – und warum das Bild wichtig ist)
So bearbeitest du Alt-Texte in TYPO3
📌 Bearbeitung der Bildelemente direkt beim Bild-Upload
Melde dich im TYPO3-Backend an.
Öffne in der linken Spalte die Filelist (Bilderuplaod)
Navigiere zum gewünschten Ordner oder lade ein neues Bild hoch
Wähle das Bild aus und klicke auf das Stift-Symbol (Bearbeiten).
Im Bearbeitungsfenster findest du das Feld „Alternativtext“ (Alternative text).
Hier kannst du nun den Alt-Text eintragen
Vergiss nicht deine Einstellungen zu speichern