Kategorie: Entwicklung
Bild-Alt-Text-Prüfer
Jedes <img> auflisten und fehlenden oder wenig hilfreichen Alt-Text erkennen
Fügen Sie HTML ein, um jedes <img>-Tag aufzulisten und Bilder ohne Alt-Attribut, Bilder mit leerem Alt-Text (gültig bei dekorativen Bildern) sowie Alt-Texte zu kennzeichnen, die lang genug sind, um gekürzt zu werden. Läuft vollständig in Ihrem Browser.
| Quelle | Alt-Text |
|---|---|
/hero.jpg | Team collaborating around a laptop in a bright office (in Ordnung) |
/icon-search.svg | (leer (in Ordnung bei dekorativen Bildern)) |
/banner.png | (Alt-Attribut fehlt) |
/chart.png | Quarterly revenue chart showing steady growth from January through December, broken down by region and product line, with month-over-month percentage change annotations (Kürzung empfohlen) |
Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.
Wozu dieses Werkzeug dient
Alt-Text ist die Art und Weise, wie ein Screenreader oder eine Suchmaschine ein Bild versteht, aber es kann leicht passieren, dass ein fehlendes Attribut oder eine zu lange Beschreibung bei einer großen Seite übersehen wird. Dieses Werkzeug listet jedes in eingefügtem HTML gefundene <img>-Tag zusammen mit seinem Alt-Text auf, kennzeichnet jedes Bild ohne jegliches Alt-Attribut, vermerkt Bilder mit leerem alt="" als unbedenklich, wenn das Bild dekorativ ist, und weist auf Alt-Texte hin, die lang genug sind, um zu einer klareren Beschreibung gekürzt zu werden.
So funktioniert es
- Fügen Sie das HTML einer Seite oder Komponente in das Eingabefeld ein.
- Prüfen Sie die Liste der Bilder und den neben dem jeweiligen Alt-Text angezeigten Status.
- Ergänzen Sie fehlenden Alt-Text, bestätigen Sie, dass leere Alt-Attribute beabsichtigt sind, und kürzen Sie zu lange Texte.
Datenschutz
Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.
Häufig gestellte Fragen
- Wird mein HTML irgendwohin hochgeladen?
- Nein. Das Dokument wird nur als Text von einem Tokenizer in Ihrem Browser-Tab gelesen; es wird nichts gerendert, ausgeführt oder an einen Server gesendet.
- Ist alt="" immer ein Fehler?
- Nein. Ein leeres Alt-Attribut ist bei rein dekorativen Bildern die korrekte, von der Spezifikation empfohlene Wahl. Dieses Werkzeug vermerkt es daher lediglich, statt es wie ein fehlendes Attribut als Fehler zu behandeln.
- Ab wann ist ein Alt-Text zu lang?
- Es gibt keine feste Grenze, aber ein sehr langer Alt-Text ist ein grobes Signal, das eine manuelle Prüfung wert ist. Dieses Werkzeug kennzeichnet Alt-Texte über etwa 125 Zeichen als prüfenswert im Hinblick auf eine kürzere, klarere Beschreibung.