'alt' und 'title' Attribute bei Bildern setzen

Mit diesem TypoScript kann man einem Bild alternativen Text ('alt' im img src) und das title-Attribut hinzufügen.

Die Grafiken auf einer Website mit einem beschreibenden Text zu hinterlegen ist nicht nur guter Stil, sondern unverzichtbar für Benutzer, die auf Hilfsmittel wie Screenreader angewiesen sind (Stichwort "Barrierefreiheit") oder deren Browser keine Grafiken anzeigen können oder sollen (z.B. mobile Geräte). Ausserdem wird die textuelle Zusatzinformation bei Bildern von den meisten Suchmaschinen als weiterer Inhalt, der zur besseren Indexierung einer Seite verwendet werden kann, behandelt.

Die Bildbeschreibung wird in den Attributen "alt" und "title" des img src Tags hinterlegt. Werden im TypoScript Template Grafiken über das Inhaltselement IMAGE definiert, so fehlen diese Angaben standardmäßig.

Durch folgende Zeilen können Sie Ihren Bildern sowohl das 'alt'- als auch das 'title'-Attribut hinzufügen.

alt und title für Bilder TypoScript, Bereich SETUP

	temp.bild_mit_alttext = IMAGE
temp.bild_mit_alttext {
  file = fileadmin/images/testbild-fuer-alt-und-title.jpg
  altText = ... Text für "alt"-Attribut ...
  titleText = ... Text für "title"-Attribut ...
}

Wird titleText nicht angegeben, so wird automatisch der Inhalt von altText auch für das title-Attribut verwendet.