Dekorative Bilder

Silktide findet Bilder, die mit leerem Alternativtext als dekorativ gekennzeichnet sind, damit Sie bestätigen können, dass sie tatsächlich gefahrlos überspringen dürfen. Ein als dekorativ gekennzeichnetes Bild ist für Personen, die Screenreader verwenden, unsichtbar.

<!-- Dieses Bild wird von Hilfstechnologien übersprungen.
     Ist das richtig, oder enthält es Informationen? -->
<img src="chart.png" alt="">

Warum das wichtig ist

Ein leeres alt="" teilt einem mit, das Bild vollständig zu ignorieren. Das ist genau richtig für ein – eines, das nur einem ästhetischen Zweck dient, keine Informationen vermittelt und keine Funktion hat. Derselbe leere Wert bei einem Diagramm, einem bedeutungstragenden Foto oder einem als Schaltfläche verwendeten Bild löscht diesen Inhalt hingegen stillschweigend für alle, die ihn nicht sehen können – und für Sehende wirkt nichts falsch.

Leerer Alt-Text ist zudem oft der Standard in Vorlagen und Content-Management- Systemen, sodass aussagekräftige Bilder versehentlich statt absichtlich als dekorativ markiert werden.

So beheben Sie das

Dieser Check bittet Sie, jedes Bild zu prüfen, statt bestätigte Probleme zu melden. Für jedes Bild gilt:

Ist das Bild tatsächlich dekorativ, ist keine Änderung nötig – Sie den Fund.
Trägt das Bild Informationen oder dient es als Steuerelement, ersetzen Sie das leere Attribut durch einen beschreibenden in Ihrem oder im Code.
Ein Bild, dessen Bedeutung vollständig durch angrenzenden Text wiederholt wird – etwa ein Symbol neben demselben Wort –, ist korrekt dekorativ und sollte sein leeres alt="" behalten.

So testet Silktide dies

Alle Bilder auf jeder Seite mit einem ausdrücklich leeren alt=""-Attribut finden.
Bilder überspringen, die Hilfstechnologien ohnehin nicht ansagen würden: Bilder ohne Quelle, Bilder mit 1 Pixel oder kleiner sowie Bilder, die vor Screenreadern verborgen sind.
Bilder mit einem expliziten role="presentation"-Attribut überspringen. Anders als ein leeres alt, das oft der Standard einer Vorlage ist, ist eine Präsentationsrolle fast immer eine bewusste Entscheidung.
Bilder bekannter Drittanbieterdienste überspringen, zum Beispiel eingebettete Kartenkacheln.
Jedes verbleibende Bild mit seinem umgebenden Text als Kontext auflisten, damit Sie bestätigen können, dass es wirklich dekorativ ist.

Bilder ganz ohne alt-Attribut werden stattdessen unter Fehlender Alt-Text gemeldet.

Fehlerbehebung

Warum Bilder prüfen, die möglicherweise in Ordnung sind?

Ob ein Bild dekorativ ist, hängt davon ab, was es zeigt und welche Rolle es auf der Seite spielt – Dinge, die kein automatischer Test beurteilen kann. Silktide macht die Entscheidung sichtbar; Sie treffen sie einmal, und bestätigte Bilder bleiben bestätigt.