TimoMeister
Returning Responder

Handhabung alt-Parameter bei Bildern

Hallo zusammen,

ich wollte mal in die große Runde fragen, wie Ihr bei euch die Alt-Parameter im <img>-Tag pflegt bzw. befüllt. (für SEO-Optimierung!)

Machen das bei euch die Redakteure über ein Formularfeld unter dem CMS_INPUT_PICTURE? Oder befüllt Ihr es mit dem Dateiname?

Viele Grüße

Timo

0 Kudos
2 Replies
sglock
I'm new here

Hallo Herr Meister,

wenn in Ihrem Projekt Barrierefreiheit eine Rolle spielt, sollte im Alt-Attribut immer der Bildinhalt  beschrieben sein, da dieser z.B. von Screenreadern als Ersatz für die visuell erfahrbaren Inhalte ausgegeben wird. Ein Zielkonflikt zwischen SEO und Barrierefreiheit ist häufig unvermeidbar.

Wenn Sie sich zu Gunsten der Barrierefreiheit entscheiden, ist es sinnvoll, die Alt-Texte in den Metadaten der Bilder zu hinterlegen - der Bildinhalt ist schließlich unabhänig vom redaktionellen Kontext immer gleich. Als Kompromiss können Sie Redakteuren die Option geben, den Alt-Text im Einzelfall zu überschreiben und SEO-gerecht einzupflegen. Für die Verwendung des Dateinamens gibt es aus meiner Sicht keine guten Argumente.

0 Kudos
fz_gpm
I'm new here

Hallo Timo,

wir haben das bei uns so umgesetzt:

$-- Bildbeschreibung wird gesetzt --$

$CMS_SET(altText,"")$

$CMS_IF(!st_bild_beschreibung.empty)$

    $CMS_SET(altText,st_bild_beschreibung)$

$CMS_ELSIF(!ref(st_pic).description().empty)$

    $CMS_SET(altText,ref(st_pic).description())$

$CMS_END_IF$

$-- htmlAusgabe --$ 

<img src="..." alt="$CMS_VALUE(altText)$"

Das heisst wir haben unterhalb des Bildes ein zusätzliches Feld für den Redakteur, wo er ein Alt-Text angeben kann. Wenn dieses Feld leer ist wird in der Bildbeschreibung (direkt aus der MedienVerwaltung) geschaut, ob da was hinterlegt ist. Wenn nicht lassen wir leer, da manchmal die BildNamen unschön (milde ausgedrückt) sind.

Wenn du zusätzlich die Bildbeschreibung heranziehst hat das bei Mehrfacheinbindung des Bildes den Vorteil, dass du den Text nur einmal eingeben musst.

Viele grüsse

...frank...

0 Kudos