Das `alt`-Attribut beschreibt ein Bild für alle, die es nicht sehen können: Screenreader-Nutzer, langsame Verbindungen, bei denen das Bild nie lädt, und Suchmaschinen, die seinen Inhalt indexieren. Es ist gleichzeitig WCAG-Anforderung und Bild-SEO-Input. Das Handwerk ist, die Information zu beschreiben, nicht die Pixel: 'Balkendiagramm, das Bestellungen nach Launch verdoppelt zeigt' dient dem Leser; 'chart.png' dient niemandem.
Dekorative Bilder bekommen ein leeres `alt=""` — vorhanden aber ignoriert — denn 'Bild' ohne Inhalt anzusagen ist schlechter als Schweigen. Die häufigsten realen Fehler sind ganz fehlende Alts, Dateinamen-als-Alt ('IMG_4032') und Keyword-Stuffing, das ein Accessibility-Feature in Spam verwandelt.
Verwandte Begriffe
WCAG
Die Web Content Accessibility Guidelines — der Standard, der definiert, was Webinhalte für Menschen mit Behinderungen nutzbar macht; AA-Kontrast ist 4,5:1 für Fließtext.
ARIA
Accessible Rich Internet Applications — Attribute, die unterstützender Technologie sagen, was dein Markup bedeutet, wenn HTML allein es nicht kann.
Semantisches HTML
Elemente benutzen, die bedeuten, was sie enthalten — nav, article, button — damit Screenreader, Crawler und Browser die Seite umsonst verstehen.
Lighthouse
Googles Open-Source-Audit-Tool — bewertet Performance, Accessibility, Best Practices und SEO in einer Laborumgebung.
Die zugehörige Werkbank
Web-PerformanceEin Neubau, der auf dem Handy im Mobilfunknetz lädt, in dem Land, in dem deine Kunden tatsächlich sind. Core Web Vitals sind die Messung, Umsatz ist der Punkt.
