Alt-Text – Bilder für alle zugänglich machen

Was ist ein Alt-Text?

Ein Alt-Text (alternativer Text) beschreibt den Inhalt eines Bildes. Dieser Text ist im HTML-Code über das alt-Attribut eingebunden. Er hilft vor allem Menschen mit Sehbehinderung, den Bildinhalt zu erfassen, da Screenreader diesen Text vorlesen. Auch bei technischen Problemen mit der Bildanzeige wird der Alt-Text sichtbar.

Warum sind Alt-Texte wichtig?

Bilder transportieren oft zentrale Informationen. Fehlt der Alt-Text, bleiben diese Inhalte für viele Nutzerinnen und Nutzer unzugänglich. Alt-Texte stellen daher sicher, dass auch Menschen mit Einschränkungen gleichberechtigt an digitalen Informationen teilhaben können. Gleichzeitig verbessern sie die Auffindbarkeit von Inhalten in Suchmaschinen.

HTML-Beispiele (nur als Fließtext, nicht als Codeblock)

Ein informativer Alt-Text sieht z. B. so aus:
<img src="beispielbild.jpg" alt="Eine Person liest auf einem Tablet eine barrierefreie Website.">

Für ein dekoratives Bild, das keinen Informationswert hat, wird das Alt-Attribut leer gelassen:
<img src="hintergrundgrafik.svg" alt="">

So weiß der Screenreader: Dieses Bild kann ignoriert werden.

Wann braucht man einen Alt-Text – und wann nicht?

Ein Alt-Text ist notwendig, wenn das Bild eine Information enthält oder Teil der Navigation ist.
Er ist nicht notwendig, wenn das Bild rein dekorativ ist oder der Inhalt bereits vollständig im Fließtext beschrieben wurde. In diesem Fall wird alt="" gesetzt.

Häufige Fehler bei Alt-Texten

  • Alt-Attribut fehlt komplett.

  • Inhaltlich nichtssagende Texte wie „Bild“ oder „Grafik“.

  • Redundanzen durch doppelte Beschreibungen neben dem Bild.

  • Alt-Text bei rein dekorativen Elementen, obwohl alt="" richtig wäre.

Rechtliche Relevanz

Gemäß WCAG 2.2, BITV und EN 301 549 ist die Bereitstellung alternativer Texte verpflichtend. Auch das kommende Barrierefreiheitsstärkungsgesetz (ab Juni 2025) macht Alt-Texte in vielen Fällen zur Pflicht. Unternehmen, öffentliche Stellen und Anbieter digitaler Dienstleistungen müssen diese Anforderung erfüllen.

Informative Ratgeber und redaktionelle Artikel rund um digitale Barrierefreiheit

Weitere Artikel entdecken

Alter Mann profitiert von der digitalen Barrierefreiheit. Mit einer Website die barrierefrei ist, kann man alle Inhalte erfassen.
Digitale Barrierefreiheit aus Nutzersicht

Wie sich Barrierefreiheit auf die Nutzerfreundlichkeit auswirkt

Digitale Barrierefreiheit verbessert nicht nur die Zugänglichkeit für Menschen mit Behinderungen, sondern steigert die Nutzerfreundlichkeit für alle. Klare Strukturen, geräteunabhängige Bedienbarkeit und verständliche Kommunikation sorgen dafür, dass Websites effizienter, intuitiver und angenehmer nutzbar werden. Barrierefreies Webdesign reduziert die kognitive Belastung, vermeidet Nutzungshürden und fördert emotionale Bindung – ein entscheidender Erfolgsfaktor in einer zunehmend digitalen Gesellschaft.

Weiterelesen
Technische Umsetzung & Best Practices

Untertitel und Audiodeskriptionen für Videos – warum sie wichtig sind

Untertitel und Audiodeskriptionen sind essenzielle Bestandteile barrierefreier digitaler Kommunikation. Sie ermöglichen Menschen mit Hör- oder Sehbeeinträchtigungen einen gleichwertigen Zugang zu Videoinhalten und verbessern gleichzeitig die allgemeine Nutzerfreundlichkeit. Unternehmen, die von Anfang an auf barrierefreie Videos setzen, steigern nicht nur ihre Reichweite und Nutzerzufriedenheit, sondern positionieren sich auch als moderne, inklusive Marken im digitalen Raum.

Weiterelesen
Kontaktieren sie uns!

Mit der IFDB haben Sie einen starken Partner an Ihrer Seite, wenn es um die Barrierefreiheit digitaler Angebote geht.

Wir stehen Ihnen gerne für alle Fragen zur Verfügung – auch telefonisch.

+49 89 2000 32 16 8

Vorteile der Access Ready Zertifizierung nach EU 2019/882:

  • Rechtssicherheit & Abmahnschutz: Erfüllung der gesetzlichen Anforderungen und Vermeidung von Bußgeldern.
  • Wettbewerbsvorteil: Bessere Chancen bei öffentlichen Ausschreibungen und mehr Vertrauen bei Kunden.
  • Stärkung von Verantwortung und Reputation: Positionierung als zukunftsorientiertes und sozial verantwortliches Unternehmen.
  • Erweiterte Zielgruppen und Reichweite: Zugänglichkeit für alle, einschließlich 135 Millionen Menschen mit Behinderungen in der EU.
  • Optimierte Nutzererfahrung: Verbesserte Bedienbarkeit, höhere Conversion-Raten und stärkere Kundenbindung.
  • Effizienzsteigerung und Kostensenkung: Frühzeitige Implementierung reduziert langfristige Anpassungskosten.

Was sind die nächsten Schritte?

1

Wir prüfen Ihr digitales Angebot auf digitale Barrierefreiheit.

2

Terminvereinbarung für kostenfreie & unverbdindliche Erstberatung.

3

Zertifizierung des digitalen Auftritts. Gesetzeskonsform & barrierefrei

Kostenloser Compliance Check & Erstgespräch!