# Fehlendes Alt-Attribut: Fehler erklärt und behoben

Source: https://allyway.ai/de/glossary/fehlendes-alt-attribut

Ein fehlendes Alt-Attribut bedeutet, dass ein img-Element (oder ein Bild-Button bzw. Bereich einer Imagemap) gar kein alt-Attribut hat. Assistive Technologien wissen dann nicht, ob das Bild wichtig oder dekorativ ist, und lesen unter Umständen den Dateinamen vor.

Ein fehlendes Alt-Attribut ist die Fehlermeldung für ein Bild-Tag ganz ohne `alt`-Attribut. Prüftools zeigen es als „Bild ohne alt-Attribut“, „Image missing alt attribute“ oder „Images must have alternate text“. Hier geht es um den Fehler selbst – wie Sie gute Bildbeschreibungen formulieren, erklärt der Eintrag zum [Alternativtext](https://allyway.ai/de/glossary/alternativtext).

## Was es bedeutet

Über das `alt`-Attribut erfährt ein Screenreader, was ein Bild zeigt. Fehlt das Attribut vollständig, gibt es keinerlei Information – nicht einmal darüber, ob das Bild wichtig oder bloß Dekoration ist. Screenreader weichen dann unter Umständen auf den Dateinamen aus, und statt Inhalt hört man „IMG_4711.jpg“ oder „hero-banner-final-2.webp“.

[WCAG 1.1.1 Nicht-Text-Inhalt](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html) ist ein Kriterium der Stufe A in [WCAG 2.2](https://allyway.ai/de/regulations/wcag-2-2): Jeder Nicht-Text-Inhalt braucht eine Textalternative mit gleichwertigem Zweck, rein dekorative Bilder müssen für assistive Technologien ausgeblendet sein. Das W3C nennt das Weglassen des alt-Attributs bei `img`, `area` und `input type="image"` ausdrücklich als Fehler F65. Auch Dateinamen oder Platzhalter als Alternativtext gelten als Fehler (F30).

| Markup | Meldung im Scanner | Bedeutung |
|---|---|---|
| `<img src="team.jpg">` | **Fehlendes Alt-Attribut** | Keine Information – beheben |
| `<img src="linie.svg" alt="">` | Kein Fehler | Dekorativ, wird korrekt übersprungen |
| `<img src="team.jpg" alt="Unser fünfköpfiges Team im Büro">` | Kein Fehler | Informativ, beschrieben |
| `<img src="team.jpg" alt="IMG_4711.jpg">` | Oft kein Fehler | Verletzt 1.1.1 trotzdem (F30) |

> **Warning:** > **Fehlend ist nicht dasselbe wie leer**
> `alt=""` ist eine bewusste Entscheidung: „Dieses Bild ist Dekoration, bitte überspringen.“ Fehlt `alt` ganz, hat niemand entschieden – deshalb melden Scanner es als Fehler.

## Praxisbeispiele

Der Fehler versteckt sich oft in Produktbildern, Logos und verlinkten Bildern. Ist das Bild der einzige Inhalt eines Links oder Buttons, entsteht durch das fehlende alt zusätzlich ein [leerer Link](https://allyway.ai/de/glossary/leerer-link) oder ein [leerer Button](https://allyway.ai/de/glossary/leerer-button).

```html title="Beispiel"
<!-- Fehler: kein alt-Attribut -->
<img src="/bilder/sneaker-rot.jpg">

<!-- Behoben: informatives Bild -->
<img src="/bilder/sneaker-rot.jpg" alt="Roter Laufschuh, Seitenansicht">

<!-- Behoben: dekoratives Bild -->
<img src="/bilder/trenner.svg" alt="">
```

**Do:** Do

Für jedes Bild entscheiden: informativ → Inhalt oder Zweck beschreiben; dekorativ → `alt=""`. Den Alternativtext in der Mediathek Ihres CMS hinterlegen, damit er überall verwendet wird, wo das Bild erscheint.

**Don't:** Don't

Das Attribut weglassen, den Dateinamen eintragen oder bei Dekorbildern „Bild“ bzw. „Abstandhalter“ schreiben – das W3C wertet das als Fehler (F39).

## So beheben Sie ein fehlendes Alt-Attribut



Onlineshops trifft es besonders, weil jedes Produktfoto zählt. In [Shopify](https://allyway.ai/de/integrations/shopify-accessibility-integration) und in [WooCommerce unter WordPress](https://allyway.ai/de/integrations/wordpress-accessibility-integration) legen Sie den Alternativtext pro Bild in der Mediathek oder beim Produkt fest.

## Häufige Fragen

Q: Was bedeutet „Bild ohne alt-Attribut“?
A: Das `<img>`-Tag hat überhaupt kein `alt`-Attribut. Screenreader haben keine Textalternative und lesen unter Umständen den Dateinamen vor.

Q: Ist alt="" dasselbe wie ein fehlendes Alt-Attribut?
A: Nein. `alt=""` kennzeichnet ein Bild als dekorativ, Screenreader überspringen es – bei Schmuckbildern ist das richtig. Ein fehlendes Attribut ist ein Fehler, weil niemand entschieden hat, ob das Bild wichtig ist.

Q: Brauchen dekorative Bilder ein alt-Attribut?
A: Ja, ein leeres: `alt=""`. Fehlt es, ist WCAG 1.1.1 verletzt – das W3C führt das als Fehler F65.

Q: Wie finde ich Bilder ohne Alternativtext?
A: Prüfen Sie Ihre Startseite mit dem [kostenlosen WCAG-Scanner](https://allyway.ai/de/free-wcag-accessibility-scanner-for-websites). Für ein einzelnes Bild genügt ein Rechtsklick und *Untersuchen*, um zu sehen, ob das Attribut vorhanden ist.

Q: Kann allyWay fehlende Alt-Attribute automatisch beheben?
A: Ja. Die KI von allyWay sieht sich Ihre Bilder an, schreibt Alternativtexte, die beschreiben, was tatsächlich zu sehen ist, und setzt sie auf allen Seiten ein. Die [automatischen Korrekturen](https://allyway.ai/de/automatic-accessibility-fixes-for-website) laufen über das allyWay-Skript – Ihr CMS, Theme und Ihre Dateien bleiben unverändert, jede Korrektur wird protokolliert. [Kostenlos starten](https://app.allyway.ai/register) und Ihre Bilder mit Alternativtexten versehen, ohne jedes einzeln zu bearbeiten.