Alt-Attribute von Bildern prüfen (HTML)
Fügen Sie einen HTML-Ausschnitt ein, um alle <img>-Tags aufzulisten und zu prüfen, bei welchen das Attribut alt fehlt oder zwar vorhanden, aber leer ist.
So funktioniert es
Das Attribut alt beschreibt den Inhalt eines Bildes für Nutzer von Screenreadern und für Suchmaschinen und wird angezeigt, wenn das Bild nicht geladen werden kann. Ein Barrierefreiheits- oder SEO-Audit beginnt oft mit der Prüfung, dass kein wichtiges Bild ohne dieses Attribut auskommt. Dieses Tool listet jedes in einem HTML-Ausschnitt gefundene Bild auf und zeigt an, ob sein alt-Attribut fehlt, leer oder ausgefüllt ist.
Ist ein leeres Alt-Attribut (alt="") ein Fehler?
Nein, nicht unbedingt: Ein alt="" ist die empfohlene Vorgehensweise für rein dekorative Bilder (zum Beispiel einen Rahmen oder einen optischen Trenner), denn es weist Screenreader ausdrücklich an, sie zu überspringen. Problematisch ist das vollständige Fehlen des Attributs alt bei einem Bild mit inhaltlicher Bedeutung.
Welchen Alternativtext schreibe ich für ein Produktbild?
Beschreiben Sie knapp und sachlich, was das Bild zeigt, und nennen Sie gegebenenfalls den Produktnamen – zum Beispiel alt="Blauer Laufschuh, Seitenansicht" statt eines allgemeinen Textes wie alt="Bild", der weder für die Barrierefreiheit noch für die Suchmaschinenoptimierung einen Mehrwert bringt.
100% lokale Verarbeitung: Ihr HTML-Ausschnitt wird nie an einen Server übertragen, die gesamte Prüfung läuft in Ihrem Browser.