iX 6/2021
S. 121
Praxis
Tools und Tipps

Metadaten für Webseiten aus Bildern übernehmen

Einmal reicht

Christian Kirsch

Metadaten für Bilder in Webseiten sind unerlässlich. Enthalten Fotos selbst schon die nötigen Informationen, kann man sich mit einem bisschen JavaScript die Mühe des Eintragens ersparen.

Bilder im Web müssen ein alt- und sollten ein title-Attribut haben, häufig brauchen sie auch eine Unterschrift. Die ersten beiden Texte verbessern die Nutzung, wenn die Bilder nicht an­gezeigt werden oder die Nutzerin sie nicht sehen kann – Stichwort Barrierefreiheit.

Mit HTML5 sollten Webseiten Attribute und Unterschrift in ein figure-Element packen:

Kommentieren