Alt-Text oder alternativer Text beschreibt das Aussehen oder die Funktion eines Bildes auf einer Webseite. Er wird von Screenreadern laut vorgelesen und hilft Menschen mit Sehbehinderungen und geringer Sehkraft.

Die Verwendung von Alt-Text für Bilder ist wichtig, um all Ihren Mitarbeitern den uneingeschränkten Zugang zu Informationen zu ermöglichen. Durch die Bereitstellung von beschreibendem Text für Bilder können Screenreader wichtige visuelle Informationen übermitteln, wodurch Inklusion gefördert wird und sichergestellt, dass alle Personen Ihre Inhalte nutzen können.

Die Staffbase Alt-Text-Funktion ermöglicht es Redakteuren, Bilder in News-Beiträgen und Seiten mit alternativem Text zu versehen.

Tipps zur Verwendung von Alt-Text

Im Folgenden finden Sie einige Tipps, wie Sie effektive Alt-Texte schreiben können, die für alle Nutzer hilfreich, klar und verständlich sind:

• Seien Sie kurz, aber aussagekräftig: Formulieren Sie eine kurze, aber aussagekräftige Beschreibung, die die wichtigsten Elemente sowie den Zweck des Bildes wiedergibt; möglichst in 1-2 Sätzen.
• Beziehen Sie den Kontext mit ein: Passen Sie den Alt-Text an den Kontext an, in dem das Bild erscheint. Beschreiben Sie das, was für den Inhalt oder Zweck des Bildes wirklich wichtig ist, anstatt jedes Detail.
• Vermeiden Sie überflüssige Phrasen: Screenreader informieren den Nutzer automatisch, wenn sie auf ein Bild stoßen; Formulierungen wie „Bild von“ oder „Foto von“ sind unnötig.
• Konzentrieren Sie sich auf das Wesentliche: Heben Sie Informationen hervor, die die Botschaft des Bildes vermitteln oder eine Funktion innerhalb des gesamten Inhalts erfüllen, wie z. B. Text in einer Infografik oder eine bestimmte Aktion in einem Foto.
• Verwenden Sie die richtige Zeichensetzung: Screenreader sind auf Interpunktion angewiesen, um die Textstruktur zu verstehen. Achten Sie also darauf, dass Ihr Alt-Text grammatikalisch korrekt ist.
• Geben Sie Text innerhalb von Bildern an: Wenn ein Bild wichtigen Text enthält, wie ein Zitat oder eine Überschrift, schließen Sie dies in den Alt-Text ein.
• Verwenden Sie möglichst wenige Schlüsselwörter: Vermeiden Sie es, den Alt-Text mit unnötigen Schlüsselwörtern zu überfrachten. Konzentrieren Sie sich auf Klarheit und Lesbarkeit.
• Nennen Sie Farben nur, wenn sie relevant sind: Beschreiben Sie Farben nur, wenn sie für den Kontext wichtig sind. Hier sind einige Beispiele:
  • Relevant: Eine rote Ampel, die den Autos signalisiert, anzuhalten.
  • Nicht relevant: Eine Person, die ein blaues Hemd trägt und im Park spazieren geht. - Es sei denn, das blaue Hemd ist für den Kontext wichtig.

Weitere hilfreiche Informationen:

• Alternativtext für barrierefreie Bilder hinzufügen