# Bild-Alt-Text-Prüfer

https://rankproof.eu/de/tools/seo-image-alt

## Kurze Antwort

Bilder ohne Alt-Text finden und vorhandene Alt-Attribute prüfen.

## Was es macht

Scannt jedes <img> auf der Seite und prüft, ob Alt-Text vorhanden ist, ob dekorative Bilder korrekt mit leerem `alt=""` gekennzeichnet sind, und ob der Alt-Text nur den Dateinamen des Bildes wiederholt. Liefert eine Liste der Bilder, die Aufmerksamkeit brauchen.

## Wie es funktioniert

1. Seiten-URL eingeben oder HTML einfügen
2. Wir lesen jedes <img>-Element und dessen alt-Attribut aus dem HTML aus
3. Qualitätsregeln anwenden: fehlender Alt-Text, leerer Alt-Text (dekorativ) und Dateiname-als-Alt-Text
4. Rückgabe der Alt-Text-Abdeckung sowie einer Liste der Bilder ohne passenden Alt-Text

## Beispiel-Ein- und Ausgabe

EINGABE

```text
url: https://rankproof.eu/tools
```

AUSGABE

```text
Bilder: 18
  mit Alt-Text: 17                    OK
  leerer Alt-Text (dekorativ): 1      OK
  fehlender Alt-Text: 0               OK
  Dateiname als Alt-Text: 0           OK

Abdeckung: 100%
```

## Warum es wichtig ist

Alt-Text ist, wie Screenreader-Nutzer:innen erfahren, was ein Bild zeigt, und WCAG 1.1.1 verlangt eine Textalternative für jedes bedeutungstragende Bild. Google nutzt Alt-Text außerdem zusammen mit der umgebenden Seite, um Bilder für die Google-Bildersuche zu verstehen. Fehlender Alt-Text lässt die erste Gruppe durchfallen und gibt der zweiten weniger Anhaltspunkte.

## Wer es nutzt

- **E-Commerce-Manager**: Produktseiten auf Bilder ohne Alt-Text oder mit dem Dateinamen als Alt-Text prüfen, ein häufiger Katalog-Standardwert.
- **Auditor:in für Barrierefreiheit**: Die WCAG-1.1.1-Alt-Text-Abdeckung Seite für Seite prüfen und jedes Bild ohne alt-Attribut auflisten.
- **Content-Redakteur:in**: Jede veröffentlichte Seite prüfen, um ohne Alt-Text hochgeladene Bilder abzufangen, bevor sie sich anhäufen.

## Häufig gestellte Fragen

### Wann sollte der Alt-Text leer sein?

Bei dekorativen Bildern ohne informativen Wert (Hintergrundmuster, Trennlinien). Verwenden Sie `alt=""`, damit Screenreader sie überspringen. Lassen Sie das Attribut niemals ganz weg.

### Was macht guten Alt-Text aus?

Eine kurze Formulierung, die beschreibt, was das Bild zeigt und warum es dort ist. Verzichten Sie auf "Bild von" oder "Foto von", und verwenden Sie ein Keyword nur dort, wo es das Bild wirklich beschreibt.

### Wie nutzt Google Alt-Text?

Google nutzt Alt-Text zusammen mit dem Seiteninhalt, um zu verstehen, was ein Bild zeigt, was hilft, das Bild in der Google-Bildersuche anzuzeigen. KI-Assistenten, die eine Seite lesen, können ihn auf dieselbe Weise nutzen.

### Was ist mit Bildunterschriften (figcaption)?

Bildunterschriften (`<figcaption>`) ergänzen den Alt-Text, ersetzen ihn aber nicht. Beide sollten das Bild beschreiben; Alt-Text ist für Screenreader, die Bildunterschrift für sehende Nutzer:innen.

## Verwandte Tools in SEO-Analyse

- [Title- & Meta-Description-Prüfer](https://rankproof.eu/de/tools/seo-meta-title)
- [Überschriften-Checker](https://rankproof.eu/de/tools/seo-heading-tags)
- [Canonical-URL-Prüfer](https://rankproof.eu/de/tools/seo-canonical-url)
- [Robots.txt-Analysator](https://rankproof.eu/de/tools/seo-robots-txt)
- [robots.txt-Generator](https://rankproof.eu/de/tools/seo-robots-txt-generator)
- [Sitemap-Prüfer](https://rankproof.eu/de/tools/seo-sitemap)