Jalara Studio

veröffentlicht am

Mit CSS überprüfen, ob Bilder einen alternativen Text enthalten

# #


Mit folgenden CSS-Befehlen lässt sich überprüfen, ob Bilder ein Alt-Attribut und wenn ja, auch einen Wert enthalten.

Dieser CSS-Befehl gibt Bildern einen roten gestrichelten Rand mit, die ein Alt-Attribut, aber keinen Wert besitzen (z.B. <img src="bild.jpg" alt="">):

img[alt=""] {
 border: 5px dashed red;
}

Bilder, die überhaupt kein Alt-Attribut besitzen (z.B. <img src="bild.jpg">), werden mit folgendem Style lila umrahmt:

img:not([alt]) {
 border: 5px solid purple;
}