Alle Bilder mit Alt
Prüft dass jedes <img> ein alt-Attribut hat (leer oder beschreibend).
Was dieser Check misst
Wir enumerieren jedes <img> und flaggen jene ohne alt-Attribut. Dekorativ: alt="" (leer aber vorhanden); Content-Bilder: beschreibender Text.
Warum es wichtig ist
Fehlende alt-Attribute verletzen WCAG 2.1 (Pflicht in EU, US, Kanada). Screen-Reader-User können nicht navigieren. Google-Images-Ranking leidet.
Wie unser Audit es erkennt
`document.querySelectorAll("img:not([alt])").length` — muss 0 sein.
Typische Findings
- error_outlineCMS-generierte Bilder ohne alt.
- error_outlineIcon-Komponenten mit <img> ohne alt="".
- error_outlineDekoratives Hero-Background als <img> ohne alt.
So behebst du es
alt auf jedes <img>. Dekorativ: alt="". Content: Bedeutung in Klartext. Bulk-Prompt unter /prompts/add-alt-text-bulk.
Copy-Paste Fix-Prompt für deinen Stack
Lovable · Cursor · Bolt · v0 · Replit · Windsurf · Claude Code · Base44
Häufige Fragen
Ist alt="" wirklich richtig?expand_more
Soll das auf deiner Site geprüft werden?
Pantra läuft den vollen Audit (SEO, Sicherheit, GEO, Performance, Schema, Technik, Bilder) in 10 Sekunden und generiert stack-spezifische Fix-Prompts.
Site scannenÄhnliche Checks
Beschreibender Alt-Text
Prüft dass Alt-Text sinnvoll ist — nicht "image", "photo" oder Dateiname.
BilderOG-Bild vorhanden
Prüft dass jede Seite ein valides og:image für Social-Shares hat.
BilderOG-Bild-Dimensions
Prüft dass og:image ≥ 1200×630 ist — optimal für alle Social-Plattformen.
BilderOG-Bild self-hosted
Prüft dass og:image auf deiner Domain gehostet ist, nicht auf Third-Party-CDN.