'alt' und 'title' Attribute bei Bildern setzen

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 sowohl das 'alt'- als auch das 'title'-Attribut Ihren Bildern hinzufügen.

temp.image_with_alttext = IMAGE
temp.image_with_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.