Content
Alt-Texte nach WCAG 1.1.1
Alt-Texte sind das häufigste WCAG-Problem und gleichzeitig das einfachste zu beheben. WCAG 1.1.1 fordert: Jeder nicht-dekorative Inhalt braucht eine Textalternative.
✅ Gute Alt-Texte
alt="Wawsome-Dashboard mit WCAG-Fehlerbericht"alt="Balkendiagramm: 96 % aller Homepages haben Barrierefreiheitsfehler"alt="Button: Jetzt kostenlos testen"(für Bild-Buttons)- Dekoratives Bild:
alt=""(leerer Alt-Text)
❌ Schlechte Alt-Texte
alt="image001.jpg"— Dateiname statt Beschreibungalt="Bild"— nichtssagend- Fehlendes alt-Attribut — Screenreader liest Dateinamen vor
- Alt-Text zu lang (über 100–150 Zeichen)
| Bildtyp | Alt-Text |
|---|---|
| Informatives Foto | Beschreibung des relevanten Inhalts |
| Dekoratives Bild | alt="" (leer) |
| Funktionsbild (Button) | Beschreibt die Funktion, nicht das Bild |
| Diagramm/Grafik | Kurze Beschreibung + ggf. Langbeschreibung im Text |
| Logo | Firmenname (nicht "Logo von...") |
| Gebärdensprache-Video | Bezeichnet den gesprochenen Inhalt |
Der Wawsome-Scanner findet alle Bilder ohne oder mit unzureichendem Alt-Text automatisch — auf jeder Seite Ihrer Website.
Bereit für eine barrierefreie Website?
Der Wawsome-Scanner prüft Ihre Website vollständig nach WCAG 2.1 und zeigt Ihnen klare Maßnahmen — kostenlos für 7 Tage.
Jetzt kostenlos testen →