Alt-Text

Ein HTML-Attribut, das den Inhalt eines Bildes in Textform beschreibt. Dient Screenreadern für Barrierefreiheit und Suchmaschinen als primäre Informationsquelle zur Einordnung von Bildern.

Definition

Der Alt-Text (Alternativtext) ist ein HTML-Attribut, das den Inhalt eines Bildes in Textform beschreibt. Er wird von Screenreadern vorgelesen, erscheint als Platzhalter, wenn ein Bild nicht geladen werden kann, und dient Suchmaschinen als primäre Informationsquelle zur inhaltlichen Einordnung von Bildern.

Bedeutung

Alt-Texte erfüllen zwei kritische Funktionen gleichzeitig: Sie machen Webinhalte für Menschen mit Sehbehinderungen zugänglich (Barrierefreiheit gemäß WCAG-Richtlinien) und liefern Suchmaschinen den semantischen Kontext, den diese für die Bildersuche und das Gesamtverständnis einer Seite benötigen. Fehlende oder generische Alt-Texte wie „Bild 1″ verschwenden SEO-Potenzial und verstoßen gegen Barrierefreiheitsstandards.

Funktionsweise

Der Alt-Text wird im HTML-Quellcode als Attribut des <img>-Tags hinterlegt. Suchmaschinen-Crawler (Programme, die Webseiten automatisch analysieren) können Bildinhalte nicht visuell interpretieren und sind auf diesen Text angewiesen, um das Bild thematisch einzuordnen. Ein präziser, beschreibender Alt-Text erhöht die Wahrscheinlichkeit, dass das Bild in der Google-Bildersuche für relevante Suchanfragen erscheint. Gleichzeitig nutzen Screenreader den Alt-Text, um blinden oder sehbehinderten Nutzern den Bildinhalt vorzulesen.

Praxisbeispiel

Ein Architekturbüro zeigt auf seiner Website ein Projektfoto. Ein schwacher Alt-Text wäre „Gebäude“. Ein optimierter Alt-Text lautet: „Bürogebäude Neubau Wien — Glasfassade mit begrünter Dachterrasse, Projekt Mustermann Architekten“. Dieser Text beschreibt den Bildinhalt präzise, enthält relevante Keywords und liefert sowohl Suchmaschinen als auch Screenreader-Nutzern einen vollständigen Kontext.

Verwandte Begriffe

  • WCAG: Internationale Richtlinien für barrierefreie Webinhalte, die unter anderem aussagekräftige Alt-Texte für alle informativen Bilder vorschreiben.
  • Bildersuche: Ein Suchmaschinen-Feature, bei dem Alt-Texte als einer der stärksten Ranking-Faktoren für die Sichtbarkeit von Bildern dienen.
  • Schema-Markup: Strukturierte Daten, die in Kombination mit Alt-Texten den semantischen Kontext eines Bildes für Suchmaschinen weiter präzisieren können.
  • Barrierefreiheit: Das Prinzip, digitale Inhalte für alle Menschen zugänglich zu gestalten, unabhängig von physischen Einschränkungen.