Audit Image Alt Text: Fehlende, leere und nicht hilfreiche Alternativen
Verwenden Sie ein HTML-Attribut-Audit, um eine menschliche Überprüfungswarteschlange anstelle eines Accessibility-Scores zu erstellen.
Wählen Sie das HTML, das Sie inspizieren möchten
Fügen oder laden Sie die HTML-Quelle der Seite hoch. Wenn Skripte Bilder erstellen, exportieren Sie das entsprechende gerenderte HTML separat; das Audit führt diese Skripte nicht aus. Es liest img-attribute, ohne die bilder zu laden. CSS-Hintergrundbilder, SVG-Zugänglichkeit und der eigentliche visuelle Inhalt sind nicht enthalten. Notieren Sie sich, welche Quellversion Sie geliefert haben, damit die Bewertungswarteschlange auf eine echte Seite zurückgeführt werden kann.
Wiedergabe des Dreibildbeispiels
Die Probe enthält product.jpg mit alt Blue Keramikbecher, divider.svg mit einem leeren alt-Attribut und photo.jpg ohne alt. Der Bericht identifiziert drei Bilder, ein fehlendes Attribut und eine leere Alternative. Die Alternative der Tasse ist vorhanden, aber das allein beweist nicht, dass sie das richtige Detail vermittelt. Der leere Wert des Teilers fordert Sie auf, die dekorative Absicht zu bestätigen, anstatt sie automatisch als Fehler zu behandeln.
Lesen Sie die Rolle des Bildes auf der Seite
Ein informatives Bild braucht eine Alternative, die dem umgebenden Inhalt entspricht. Ein dekoratives Bild kann alt="" richtig verwenden, so dass unterstützende Technologie es überspringen kann. Ein verknüpftes Bild benötigt oft Text, der den Zweck des Links beschreibt, nicht nur sein Aussehen. Überprüfen Sie die nahe gelegene Überschrift, Bildunterschrift, Link und wiederholten Inhalt, bevor Sie einen Ersatz schreiben. Das gleiche Bild kann eine unterschiedliche Behandlung in verschiedenen Kontexten erfordern.
| HTML-Fall | Lokale Feststellung | Menschliche Frage |
|---|---|---|
| alt="Blaue Keramikschale" | Vorläufig | Vermittelt dies die benötigten Informationen? |
| alt="" | Leer | Ist dieses Bild dekorativ oder überflüssig? |
| Kein alt-Attribut | Fehlend | Welche Rolle spielt das Bild? |
| alt="photo.jpg" | Verdächtiger Dateiname | Was sollte ein Besucher stattdessen verstehen? |
Das Audit lädt keine Bilder oder bewertet deren visuelle Bedeutung.
Verwenden Sie dieses Beispiel Öffnet Image Alt-Text Coverage Audit mit diesen Eingaben.
Behandeln Sie verdächtige Formulierungen als Überprüfungsaufforderung
Das Tool kann einfache generische Wörter oder dateinamenähnliche Alternativen und Widersprüche mit dekorativen Signalen kennzeichnen. Es kann nicht entscheiden, ob eine Alternative ausreichend, überflüssig oder irreführend ist, ohne die Seite zu verstehen. Vermeiden Sie es, den Bericht in eine mechanische Forderung nach längeren Beschreibungen zu verwandeln. Eine prägnante sinnvolle Alternative kann besser sein als eine detaillierte Beschreibung, die Text in der Nähe wiederholt oder den Zweck eines verknüpften Bildes verbirgt.
Überprüfen Sie die überarbeitete Seite
Bearbeiten Sie das eigentliche Markup, untersuchen Sie das Bild im Kontext und testen Sie das relevante Leseerlebnis. Führen Sie das Attribut-Audit in der überarbeiteten Quelle erneut aus, um zu bestätigen, dass Ihre Änderungen vorhanden sind. Halten Sie ungelöste Fälle in der Bewertungswarteschlange, anstatt zu behaupten, dass die gesamte Seite zugänglich ist, da jede img jetzt ein Attribut hat. Präsenz ist ein nützliches Abdeckungssignal, keine vollständige Beurteilung der Zugänglichkeit.