'alt' und 'title' Attribute bei Bildern setzen

Click here to read this page in English: Adding alt and title attributes to images

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.

TypoScript: 'alt' und 'title' für Bilder

SETUP

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.

Seiten, die Sie auch interessieren könnten:

Der TYPO3 link Tag — Die Bestandteile des TYPO3 link Tags (class, target, title) zur Erzeugung einer URL bei der Verwendung in Inhaltselementen und FCEs.

Was ist das TYPO3 Install Tool? — Definition des Installationsskripts zur Konfiguration eines TYPO3-Systems.

Was sind Dateibrowser in TYPO3? — Definition des Auswahlfeldes zur Einbettung von Dateien in TYPO3 Inhaltselemente.

Die TYPO3 Listenansicht — In diesem Tutorial werden Möglichkeiten zur Anwendung des TYPO3 Listenmoduls beschrieben, z.B. die Bearbeitung von mehreren Datensätzen auf einmal.

Inhaltselement Menü/Sitemap formatieren — Mit diesem TypoScript kann man das Inhaltselement tt_content.menu.20.4 anders darstellen.

Kommentare zu 'alt' und 'title' Attribute bei Bildern setzen

Kommentar abgeben