Spis treści

Das Fehlen von Alternativtexten für Bilder auf einer Website bedeutet nicht nur eine verpasste Chance auf bessere Suchmaschinenplatzierungen, sondern stellt vor allem ein ernsthaftes Problem für die Barrierefreiheit von Inhalten dar. Das Alt-Attribut spielt eine entscheidende Rolle für Nutzer von Bildschirmleseprogrammen. Es ermöglicht sehbehinderten Menschen, Informationen über den Inhalt einzelner Grafiken und Fotos zu erhalten. Daher ist der Alternativtext eine der WCAG-Anforderungen, die öffentliche Einrichtungen und Unternehmen erfüllen müssen.

Alt-Text – was ist das?

Alt-TextDie Kurzbeschreibung eines Bildes wird von Bildschirmleseprogrammen vorgelesen. Ihr Hauptzweck ist es, blinden oder sehbehinderten Menschen das Verständnis der visuellen Inhalte einer Website zu ermöglichen.

Alt-Text Alternativtexte werden auch verwendet, wenn ein Bild nicht geladen werden kann – der Nutzer sieht dann eine Bildbeschreibung anstelle einer leeren Seite. Darüber hinaus verbessern Alternativtexte die Suchmaschinenoptimierung (SEO), indem sie Suchmaschinen helfen, den Seiteninhalt besser zu verstehen.

Aus Sicht der öffentlichen Einrichtungen, die unter das Gesetz zur digitalen Barrierefreiheit fallen, sind alternative Beschreibungen von Fotos und Bildern auf ihren Websites und mobilen Anwendungen ein grundlegendes Element einer barrierefreien Website. Fehlen diese, ist die Website digital nicht barrierefrei und entspricht somit nicht den WCAG-Richtlinien.

WCAG-Richtlinien und alternative Beschreibung

Die Web Content Accessibility Guidelines (WCAG) sind eine Reihe von Empfehlungen, die sicherstellen sollen, dass Webinhalte für möglichst viele Nutzer zugänglich sind, einschließlich Menschen mit Behinderungen. Alternativtexte Die WCAG empfiehlt Folgendes:

  • Jedes Bild, das Informationen enthielt, hatte ein Alt-Attribut – die Beschreibung sollte klar angeben, was das Bild zeigt, sofern dies für das Verständnis des Inhalts wichtig ist;
  • Dekorative Bilder wurden mit einem leeren alt-Attribut gekennzeichnet wenn die Grafik keinen inhaltlichen Wert hat, z. B. nur zur Dekoration dient, sollten Sie alt=““ einfügen, damit Bildschirmleseprogramme sie überspringen;
  • Vermeiden Sie zu lange und detaillierte Beschreibungen – die Beschreibung sollte kurz und prägnant sein, um den Benutzer nicht irrezuführen.

Wie erstellt man ein gültiges Alt-Attribut für ein Bild?

Eine gute Alternativbeschreibung erfordert die Berücksichtigung mehrerer Regeln:

1. Das Alt-Attribut sollte präzise und aussagekräftig sein.

Es sollte das Wichtigste beschreiben, z. B. „Eine Frau, die im Garten Kaffee trinkt“ anstatt „Ein Bild mit einer Person“.

2. Es ist besser, nicht zu viele Details zu verwenden.

Statt „Mann in einem marineblauen Anzug mit roter Krawatte vor einem Hintergrund grüner Bäume“ genügt „Mann im Anzug vor einem Hintergrund von Bäumen“.

3. Es empfiehlt sich, Formulierungen wie „das Bild zeigt“ oder „Grafiken“ zu vermeiden.

Das ist offensichtlich und verlängert die Beschreibung unnötig.

Alternativtext – wie fügt man ihn hinzu?

Das Hinzufügen von Alternativtexten in CMS-Systemen wie WordPress ist intuitiv und erfordert keine Programmierkenntnisse.

Um ein neues Bild zu Ihren Inhalten hinzuzufügen, gehen Sie einfach zum Bereich „Bild einfügen/bearbeiten“ und geben Sie eine Beschreibung in das Feld „Alternativtext“ ein. Wenn das Bild bereits in Ihre Mediathek hochgeladen wurde, können Sie darauf klicken und das Alternativattribut ausfüllen. direkt im Bearbeitungsbereich. Um zu überprüfen, ob der Alternativtext korrekt hinzugefügt wurde, bewegen Sie den Mauszeiger nach der Veröffentlichung des Inhalts über das Bild – der Alternativtext sollte dann angezeigt werden.

Hinzufügen von Alternativtext in WordPress

Dodawanie tekstu alternatywnego w systemie WordPress

Bei Websites, die ohne CMS-Systeme erstellt wurden, ist eine alternative Beschreibung erforderlich. wird im HTML-Code direkt innerhalb des Bild-Tags hinzugefügt. Der Code sollte folgendermaßen aussehen: <img src=“Dateititel“ alt=“Bildbeschreibung“>

Wie lassen sich fehlende Alt-Attribute erkennen?

Manuelle Überprüfung jedes Alt-Attributs eines Bildes Die Bearbeitung der Website kann zeitaufwändig sein. Das SAT-Tool schafft Abhilfe, indem es die Website überwacht und fehlende Bilder erkennt. Alternativtext. SAT analysiert alle Fotos, Diagramme und Grafiken anhand der WCAG-Richtlinien. Werden Unregelmäßigkeiten festgestellt, benachrichtigt das Tool umgehend den Website-Administrator und erstellt einen Bericht. Dieser Bericht enthält eine detaillierte Fehlerbeschreibung, die Position des Fehlers und die rechtliche Grundlage für die Einhaltung der Richtlinien. So können Website-Betreiber das Problem schnell erkennen, beheben (wobei SAT ebenfalls Unterstützung bietet, indem das Tool mögliche Maßnahmen vorschlägt) und potenzielle Strafen vermeiden.

Keine alternativen Beschreibungen Das Fehlen von Bildern ist ein häufiger Fehler auf vielen Websites. Behörden und andere öffentliche Einrichtungen, die verpflichtet sind, digital zugängliche Inhalte bereitzustellen, sollten diesem Problem besondere Aufmerksamkeit widmen.