img mit alt= und tile=

[Camping_RIDER]

Aloha ;)

just to mention...

Wenn der Text wichtig ist, sollte er angezeigt als Bildunterschrift (meinetwegen auch -überschrift) angezeigt werden:

<figure>
  <img src="..." alt=""/>
  <figcaption>...</figcaption>
</figure>

Das alt-Attribut sollte in dem Fall den Leerstring als Wert haben (sonst lesen Screenreader die Bildunterschrift ja doppelt vor), darf aber nicht weggelassen werden (sonst lesen Screenreader den Dateinamen vor).

Andere Alternative, die dem TO hier vielleicht entgegenkommen dürfte, ist die Nutzung von

img.whateverclass::after {
    content:attr(alt);
    /* entsprechende Formatierung der Bildunterschrift */
}

um Bildunterschriften automatisch aus dem alt-Attribut zu erzeugen. In meinen Augen auch eine Art saubere Lösung - sowohl die Darstellung der Bildunterschrift direkt im Markup über die figure/figcaption-Elemente als auch die Lösung auf Darstellungsebene im CSS haben mMn durchaus ihre Daseinsberechtigung.

Z.B. halte ich leere alt-Tags zwar für aus von Gunnar genannten Gründen bei Bildunterschriften erforderlich (sofern man nicht in der figcaption eine längere Beschreibung und im alt nur die headline liefert), aber nicht für unbedingt sinnvoll.

Grüße,

RIDER