{"id":25805,"date":"2025-03-24T14:06:30","date_gmt":"2025-03-24T13:06:30","guid":{"rendered":"https:\/\/www.destination.one\/blog\/?p=25805"},"modified":"2025-05-22T10:58:26","modified_gmt":"2025-05-22T08:58:26","slug":"website-barrierefrei-gestalten-bafsg-einhalten-und-kunden-begeistern","status":"publish","type":"post","link":"https:\/\/www.destination.one\/blog\/website-barrierefrei-gestalten-bafsg-einhalten-und-kunden-begeistern\/barrierefreiheit\/","title":{"rendered":"Accessibility: Barrierefreiheit im Web"},"content":{"rendered":"
<\/div><\/div><\/div>
\u00a0Was bedeutet Barrierefreiheit im Web?<\/strong><\/h5>\n

Das Thema Barrierefreiheit im Web ist eigentlich ein Dauerthema f\u00fcr Websites, das aber gerade durch das Barrierefreiheitsst\u00e4rkungsgesetz<\/strong> (BFSG), das am 28. Juni 2025<\/strong> in Kraft tritt, in den Fokus r\u00fcckt.<\/p>\n

Wahrnehmbar, bedienbar, verst\u00e4ndlich, robus<\/strong><\/em>t – mit diesen vier Stichworten werden oft die Anforderungen an barrierefreie Websites zusammengefasst. \u00a0Betrachten wir dazu doch ein paar Beispielsituationen<\/strong>:<\/p>\n

Wahrnehmbar<\/strong><\/em>:
\nEin Website-Besucher m\u00f6chte auf einer Informationsseite einen Text lesen, hat aber Schwierigkeiten, da die Schrift sehr klein ist und das Umgebungslicht etwas blendet. Er hat seine Lesebrille auch nicht zur Hand und versucht, die Website mit der Zoom-Funktion des Browsers zu vergr\u00f6\u00dfern – doch das Vergr\u00f6\u00dfern beeintr\u00e4chtigt das Layout und dem Text ist schwer zu folgen.<\/p>\n

Bedienbar<\/strong><\/em>:
\nEine Software-Entwicklerin m\u00f6chte in einer Online-Dokumentation etwas nachschlagen und den eingegebenen Suchbegriff per Tastatur mit \u201eEnter\u201c
\nabschicken, muss aber zwingend mit der Maus auf den Such-Button klicken. Sie \u00e4rgert sich.<\/p>\n

Verst\u00e4ndlich<\/strong><\/em>:
\nEin Urlauber m\u00f6chte auf einer Destinations-Website eine Infobrosch\u00fcre bestellen, das Bestellformular l\u00e4sst sich jedoch zun\u00e4chst nicht abschicken.
\nDas Anredefeld muss zwingend ausgef\u00fcllt werden, was er erst nach einigen Momenten des Ausprobierens herausfindet, da ein Hinweis auf die fehlende Eingabe fehlt.<\/p>\n

Robust<\/strong><\/em>:
\nEine blinde Nutzerin m\u00f6chte sich eine Webseite \u00fcber ihren Screenreader vorlesen lassen, doch dieser kann die Webseite nicht interpretieren. Der Quelltext ist kein valides HTML, und es gibt auch keine semantische Struktur.<\/p>\n<\/div><\/div><\/div><\/div>

<\/div><\/div><\/div><\/section>
<\/div><\/div><\/div>
F\u00fcr wen gilt das BFSG?<\/h6>\n

Das BFSG<\/strong> gilt f\u00fcr Unternehmen und Organisationen, die Produkte und Dienstleistungen anbieten, die f\u00fcr die breite \u00d6ffentlichkeit zug\u00e4nglich sind. Websites sind hier betroffen, insofern sie Dienstleistungen im \u201eelektronischen Gesch\u00e4ftsverkehr<\/strong>\u201c anbieten – was jedoch nicht klar definiert und sehr weit gefasst ist. Daher wird es unserer Einsch\u00e4tzung nach f\u00fcr die meisten Websites gelten<\/strong>. Ob das eigene Unternehmen von diesem Gesetz betroffen ist, muss jede:r im einzelnen pr\u00fcfen.<\/p>\n<\/div><\/div><\/div><\/div><\/section>

<\/div>
<\/div><\/div><\/div>
Barrierefreiheit betrifft alle!<\/span><\/h6>\n<\/div>

Mit den obenstehenden Beispielen m\u00f6chte ich auch einmal aufzeigen, dass Barrierefreiheit eben nicht nur Menschen mit Einschr\u00e4nkungen betrifft – oder anders formuliert: je nach Kontext haben wir alle verschiedenste Einschr\u00e4nkungen – und eine barrierefreie Gestaltung soll eben den Zugang f\u00fcr alle Menschen erleichtern<\/strong>.<\/p>\n

Im Detail verbergen sich hinter den oben genannten vier Prinzipien eine lange Reihe einzelner Kriterien, definiert in den Web Content Accessibility Guidelines (WCAG<\/strong>). Diese decken auch die Anforderungen der Barrierefreie Informationstechnik-Verordnung (BITV<\/strong>) ab. Auch wenn das BFSG nicht explizit die WCAG nennt, ist diese de facto die anzuwendende Richtschnur.<\/p>\n

Neben der richtigen technischen Umsetzung kommt es dabei auch auf die richtige inhaltliche Pflege<\/strong> des Contents an. Eine Website barrierefrei zu gestalten ist dann meist auch weniger rocket science, sondern vielmehr Flei\u00dfarbeit<\/strong>: Unter der Haube ben\u00f6tigen Komponenten semantische Auszeichnungen<\/strong>, die Darstellung muss auf Kontraste<\/strong> und Fokus-Auszeichnungen hin angepasst werden, Alt-Texte <\/strong>der Bilder wollen gepflegt, Transkriptionen<\/strong> f\u00fcr Videos bereitgestellt werden, und vieles mehr.<\/p>\n

Der erste Schritt auf dem Weg zu einer zug\u00e4nglichen Website ist immer,
\nden aktuellen Stand zu erfassen und daraus die n\u00f6tigen, einzelnen Schritte abzuleiten und anzugehen. Das geht in der Regel nicht ohne Unterst\u00fctzung durch Expert:innen. Aber so nimmt man dann auch bei gro\u00dfen Websites der Frage, wie man die ganzen Anforderungen \u00fcberhaupt irgendwie erf\u00fcllen kann, den Schrecken.<\/p>\n<\/div>

Barrierefreiheit leicht gemacht – Dank KI!<\/span><\/h6>\n<\/div>

Um die redaktionelle Pflege zu unterst\u00fctzen kennt Ihr ja bereits unseren one.intelligence KI-Wizard<\/strong>. Dieser erzeugt nicht nur Beschreibungstexte, sondern erkennt auch Bilder<\/strong> und erzeugt KI-basiert und automatisiert einen Alt-Tag<\/strong> (Alternativtext) z. B. f\u00fcr Screenreader. Diese Funktion k\u00f6nnen Kunden kostenpflichtig ab dem 1.5.2025 in destination.data freigeschaltet bekommen. Ab dem 01.09.2026 k<\/strong>ommt eine Bulk-Funktion hinzu, die KI-basiert eine Bearbeitung aller<\/strong> Medien erm\u00f6glicht. Kommt bei Interesse auf uns zu.<\/p>\n<\/div>

Wir bleiben dran!<\/span><\/h6>\n<\/div>

Nat\u00fcrlich werden wir bei destination.one auch mit unserem Website-Produkt<\/strong> die Anforderungen des BFSG erf\u00fcllen<\/strong>. Die n\u00f6tigen Anpassungen dazu werden von uns implementiert und \u00fcber die monatlichen Updates an alle Produktkund:innen ausgerollt und in den monatlichen Release Notes<\/strong><\/a> ver\u00f6ffentlicht. Neben reinen \u201eUnter-der-Haube\u201c-Anpassungen kommen dabei
\nauch neue redaktionelle Funktionen hinzu, \u00fcber die wir auch in den Release Notes<\/strong><\/a> informieren. Aber nicht nur die technische Entwicklung, sondern vor allem die richtige Pflege des Contents<\/strong> ist entscheidend, um eine Website oder andere digitale Anwendung barrierefrei zu gestalten.<\/p>\n

Um euch auch hier zu unterst\u00fctzen, sind verschiedene Angebote verf\u00fcgbar.
\nBarrierefreiheit im Web ist keine einmalige Aufgabe, sondern ein kontinuierlicher Prozess \u2013 mit dem Ziel, digitale Angebote f\u00fcr alle Menschen zug\u00e4nglich zu machen<\/strong> und gleichzeitig den gesetzlichen Anforderungen gerecht zu werden. Jetzt ist der richtige Zeitpunkt, diesen Weg aktiv zu gestalten.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/section>
<\/div><\/div><\/div>
Spannende Tipps & Tricks<\/h6>\n

Mehr Informationen und konkrete Hilfestellungen zum Thema erh\u00e4ltst du bei den folgenden Artikeln und Links, die wir hier f\u00fcr dich zusammengefasst haben:<\/strong><\/p>\n