Alt-Texte (alternative Texte) helfen Menschen, die Bilder nicht sehen können – zum Beispiel wegen einer Sehbeeinträchtigung oder weil sie Screenreader nutzen. Sie machen deine Website barrierefreier und sorgen dafür, dass alle Inhalte verstanden werden können.

Ab 2025 gelten durch das Barrierefreiheitsstärkungsgesetz (BFSG) und die EU-Richtlinie EAA (European Accessibility Act) auch für viele private Websites strengere Anforderungen in Sachen Zugänglichkeit. Alt-Texte sind ein kleiner, aber entscheidender Schritt auf dem Weg dorthin.

Und ganz ehrlich: Eine Website, die für alle funktioniert, ist einfach besser – nicht nur rechtlich, sondern auch menschlich.

Wichtig: Bitte beachte, dass die Informationen in diesem Artikel nur Vorschläge sind und keine Rechtsberatung darstellen. Jegliche Haftung im Zusammenhang mit der Nutzung der bereitgestellten Information ist ausgeschlossen. Es wird keine Gewähr für die Richtigkeit, Vollständigkeit und Aktualität der Informationen übernommen. Wir raten dir, dass du dich bei Unklarheiten oder Fragen rechtlich beraten lässt.

Alt-Texte für Bilder

• Klicke im Website Builder auf das Bild, das du bearbeiten möchtest.

• Es öffnet sich links ein Panel, in dem du das Bild bearbeiten kannst. Scrolle nach unten zum Feld Text. Es öffnen sich weitere Bearbeitungsmöglichkeiten. 

• Klicke auf Alternativtext.
  

• Trage hier einen kurzen, beschreibenden Text ein – z. B. „Logo von Firma XY“ oder „Person hält ein Schild mit der Aufschrift ‚Willkommen‘“.

• Speichern nicht vergessen.

Tipp: Wenn ein Bild rein dekorativ ist und keine Information trägt, kannst du den Alt-Text leer lassen (alt=""), damit kann ein Screenreader dieses Bild überspringen.

Alt-Texte für Icons

• Verwendest du Icons auf deiner Website, klicke bitte im Website Builder auf das Icon.

• Es öffnet sich links ein Panel mit weiteren Bearbeitungsmöglichkeiten.

• Klicke auf Alternativtext.
  

• Hier ist es nun möglich eine Beschriftung angeben

Tipp: Viele Icons sind nur symbolisch – frage dich, ob sie eine Funktion oder Info tragen. Wenn ja: beschreiben! Besonders sinnvoll ist das bei Icons, die Links hinterlegt haben.

Alt-Texte für SVGs

Fügst du ein SVG als Bild ein (.svg-Datei im Bildblock), funktioniert der Alt-Text wie bei normalen Bildern. 

Alt-Texte für iFrames

• Wenn du ein iFrame im Website Builder hinzugefügt hast, öffnet sich links ein Panel zur weiteren Bearbeitung. 

• Gehe nun auf den Bereich Text im unteren Bereich.
• Füge einen passenden Alternativtext für deinen iFrame hinzu:
  

Hinweis: Das title-Attribut ist für Screenreader bei iFrames entscheidend – ohne diesen Text wissen Besucher nicht, was eingebettet ist. Das passiert automatisch bei uns, wenn du einen Text hinzufügst.