Alt-Text Checker

Barrierefreiheits-Bookmarklet – Installationsanleitung

1. Bookmarklet installieren

Ziehe den folgenden Link per Drag & Drop in deine Lesezeichenleiste (Favoritenleiste):

Ist die Lesezeichenleiste nicht sichtbar? In Chrome/Edge/Firefox: Strg+Umschalt+B (Mac: Cmd+Umschalt+B).

Falls Drag & Drop nicht funktioniert: Lesezeichen manuell anlegen (Rechtsklick auf Lesezeichenleiste → „Seite hinzufügen" o.ä.), als Namen „Alt-Text Checker" und als Adresse den Link-Code aus dist/bookmarklet.txt eintragen.

2. Bookmarklet benutzen

Öffne eine beliebige Website
Klicke in der Lesezeichenleiste auf „Alt-Text Checker"
Jedes Bild bekommt sofort ein kleines Label mit Status
Erneuter Klick auf das Bookmarklet aktualisiert die Analyse (z.B. nach dem Scrollen zu neu geladenen Bildern)

Was bedeuten die Farben?

Rot – Fehler: Kein alt-Attribut und kein ARIA-Ersatz. Screenreader können das Bild nicht beschreiben.
Orange – Warnung: Leeres alt="" (dekorativ) oder nur über ARIA benannt statt über alt.
Grün – OK: Alt-Text ist vorhanden und nicht leer.
Grau – Ignoriert: Du hast dieses Bild manuell von der Prüfung ausgeschlossen (z.B. bewusst dekorativ).

Bild von Prüfung ausschließen

Klicke direkt auf das kleine Label neben einem Bild. Das Bild wird sofort als „ausgeschlossen" markiert. Erneuter Klick macht das rückgängig. Der Ausschluss wird im localStorage deines Browsers pro Website-URL gespeichert und bleibt auch nach einem Neuladen der Seite erhalten.

Datenschutz

Das Bookmarklet führt reines JavaScript im Browser aus. Es werden keine Daten an externe Server gesendet – die einzige Speicherung erfolgt lokal im localStorage des Browsers.