Barrierefreie Umsetzung von Websites

Barrierefreiheitsgesetz 2025: Barrierefreie Website und App – neue Anforderungen in Österreich

Ein Meilenstein für die barrierefreie Gestaltung von Websites und Apps in Österreich steht bevor, am 28. Juni 2025 tritt das Barrierefreiheitsgesetz (BaFG) in Kraft. Durch die Umsetzung der EU-Richtlinie 2019/882, die als “European Accessibility Act” bekannt ist wird darauf abgezielt, den Binnenmarkt durch verbindliche Barrierefreiheitsstandard zu harmonisieren. Für Unternehmen und Institutionen bedeutet dies eine Anpassung an neue rechtliche Vorgaben und eine Chance, ihre Angebote für alle zugänglich zu gestalten.

Was bedeutet das für dich? 

Wenn Dein Angebot unter das BaFG fällt, müssen Deine Onlineshops, Apps oder andere digitale Dienstleistungen barrierefrei gestaltet sein. Das bedeutet nicht nur, einige technische Maßnahmen umzusetzen, sondern auch eine Barrierefreiheitserklärung zu verfassen und stets aktuell zu halten. 

Maßnahmen

Welche Maßnahmen wären das eigentlich? Konkret müssen die Maßnahmen nach den internationalen Standards der Web Content Accessibility Guidelines (WCAG) 2.1, mindestens auf dem Level AA umgesetzt werden. Beispiele: 

• veränderbare Textgröße 

• richtige Strukturierung von HTML Code 

• alt-Attribute bei Bildern und Videos (sollten auch für SEO immer verwendet werden) 

• einstellbare und ausreichend große Kontraste 

• Verwendung von aria-Labeln für die Sprachausgabe 

• Navigierbarkeit ohne Maus mit dem Tabulator 

• einfache und leicht verständliche Sprache 

  und vieles mehr 

Welche Maßnahmen umgesetzt werden müssen kann variieren. Würde eine Maßnahme unverhältnismäßigen Aufwand bzw. Kosten verursachen kann in begründeten Fällen darauf verzichtet werden. In diesem Fall muss eine Kontaktmöglichkeit bestehen. Ebenfalls verpflichtend ist die Veröffentlichung einer Barrierefreiheitserklärung. 

Sollte man die Anforderungen des BaFG ab Juni 2025 nicht erfüllen, kann das Sozialministerium Verwaltungsstrafen von bis zu 80.000 Euro verhängen. Dabei ist das Ministerium zunächst angehalten Tipps für Verbesserungen zu geben. Eine Strafe soll erst verhängt werden, wenn man der eigenen Verantwortung nicht nachkommt. Das Sozialministerium hat für die Exekution dieses Gesetzes eine eigene Abteilung aufgebaut. Gerade für Websites und Onlineshops gibt es auf dem Markt frei verfügbare Tools, mit denen der Grad der Barrierefreiheit bestimmt werden kann. Diese kann und wird natürlich auch das Ministerium verwenden. 

DIGIaccess

Barrierefreiheit im digitalen Raum erfordert kontinuierliche Anpassungen, besonders wenn neue Inhalte hinzukommen. DIGIaccess bietet eine innovative Lösung, die Websites innerhalb von 48 Stunden barrierefrei macht und zukünftige Einschränkungen automatisch verhindert. Durch einen einfachen Code lassen sich Animationen deaktivieren, Kontraste und Schriftarten anpassen sowie Abstände individuell einstellen. Zusätzlich ermöglicht das Tool die Navigation per Tastatur und hebt den Mauszeiger hervor. Ein integrierter Screenreader erleichtert das Erfassen von Inhalten für Menschen mit Seh- oder Konzentrationsschwierigkeiten. Dank KI-gestützter Technologie bleibt die Barrierefreiheit dauerhaft gewährleistet – effizient, flexibel und kostengünstig.

So nutzt du DIGIaccess

Um DIGIaccess zu öffnen, klicke links unten auf das Barrierefreiheitssymbol. Es öffnet sich ein Popup, das alle verfügbaren Funktionen enthält. Dort kannst du individuelle Einstellungen vornehmen, um die Nutzung der Website nach deinen Bedürfnissen anzupassen.

Was bieten wir?

Unser Ziel ist es, die Umstellung deiner Webanwendung oder Website so einfach und effizient wie möglich zu gestalten – ohne dabei unverhältnismäßig hohe Kosten zu verursachen. Dafür setzen wir auf eine clevere Kombination aus bewährter Drittanbieter-Software und durchdachter eigener Programmierung. 

Die eingesetzten Tools decken viele der geforderten Funktionen bereits ab. Gleichzeitig achten wir bei unseren Projekten darauf, den Code so zu strukturieren, dass eine nahtlose Zusammenarbeit mit diesen Lösungen möglich ist. Wichtig ist das unter anderem für die Tastatursteuerung und die richtige Reihenfolge, in der ein Screenreader die Inhalte vorliest. So stellen wir sicher, dass deine Anwendung nicht nur barrierefrei, sondern auch benutzerfreundlich ist. 

Um die Anforderungen und unsere Lösungen greifbarer zu machen, haben wir im Folgenden einige praktische Beispiele für dich zusammengestellt. 

Wahrnehmbarkeit

Das oberste Ziel der Barrierefreiheit im Web ist es, Inhalte so zu gestalten, dass sie für alle Menschen – unabhängig von ihren individuellen Fähigkeiten – zugänglich und wahrnehmbar sind. Die Richtlinien für barrierefreie Webinhalte (WCAG) geben klare Vorgaben vor. Unser Fokus liegt darauf, die technischen Möglichkeiten bereitzustellen, damit Inhalte barrierefrei gestaltet werden können.

Unterscheidbarkeit

Inhalte müssen optisch und akustisch klar unterscheidbar gestaltet werden. Dazu zählen: 

• Ausreichende Kontraste zwischen Text und Hintergrund, 
• Anpassbare Schriftgrößen und Schriftarten, 
• Möglichkeit zur Deaktivierung störender Hintergrundelemente. 

Unsere technische Umsetzung: 

• Wir stellen sicher, dass die Kontraste, Schriftgrößen und Schriftarten anpassbar sind und den WCAG-Vorgaben entsprechen. 
• Zusätzlich programmieren wir Optionen, um Hintergrundmedien wie Animationen oder Videos auszublenden. 

Nutzung mit DIGIaccess:

• Nutzer können die Darstellung an ihre Bedürfnisse anpassen, indem sie Kontraste ändern, Schriftgrößen variieren oder störende Medien deaktivieren. 

Multimedia-Inhalte

Für zeitbasierte Medien (z. B. Audio- oder Videoinhalte) müssen barrierefreie Alternativen wie Untertitel, Audiodeskriptionen oder Begleittexte bereitgestellt werden.

Unsere technische Umsetzung: 

• Wir implementieren die erforderlichen Funktionen, um Begleittexte, Untertitel, Audiodeskriptionen oder alternative Medieninhalte (z. B. Gebärdensprachvideos) bereitzustellen. 
• Unsere Programmierung ermöglicht es, diese Inhalte direkt in die bestehende Website-Struktur einzubinden. 

Bedienung:

• Nutzern können Untertitel oder Audiodeskriptionen nach Bedarf aktivieren. 
• Auch Gebärdensprachvideos können über die Software ausgewählt und abgespielt werden 

Bedienbarkeit

Zugänglichkeit via Tastatur

Alle Inhalte und Funktionalitäten müssen vollständig per Tastatur bedienbar sein.

Unsere technische Umsetzung: 

• Bereits bei der Erstellung der Website achten wir auf eine klare und zugängliche Struktur im Code, um die logische Reihenfolge beim Navigieren mit der Tastatur sicherzustellen. 
• Wir bieten die Möglichkeit, eine Tastaturbedienung zu aktivieren und die Website vollständig ohne Maus zu steuern. Diese Funktion bleibt jederzeit über die Tastatur erreichbar. 

Bedienung:

• Dem Nutzer wird ermöglicht, die Tastaturbedienung einfach zu aktivieren und die Navigation individuell anzupassen. 

Anfallrisiken minimieren

Flackernde Inhalte, intensive Animationen oder bestimmte Farbkombinationen können für manche Menschen belastend sein und sogar Anfälle auslösen. Diese Risiken müssen reduziert werden. 

Unsere technische Umsetzung: 

• Wir programmieren Funktionen, die es ermöglichen, Animationen, flackernde Inhalte und gefährliche Farbkombinationen zu deaktivieren. 
• Zusätzlich stellen wir die Option bereit, die gesamte Website in einem kontrastarmen Schwarz-Weiß-Modus darzustellen. 

Nutzung mit DIGIaccess:

• Nutzer können Animationen und auffällige visuelle Effekte deaktivieren. 
• Die Software ermöglicht es, die Darstellung auf einen Schwarz-Weiß-Modus umzustellen oder Farbschemata zu reduzieren, um die Nutzung sicherer und angenehmer zu gestalten. 

Kein Zeitdruck

Nutzer müssen ausreichend Zeit haben, um Inhalte zu lesen und mit Funktionen zu interagieren. Störende Elemente wie Pop-ups sollten deaktivierbar sein. 

Unsere technische Umsetzung: 

• Wir stellen sicher, dass zeitkritische Inhalte (z. B. Pop-ups oder automatische Abläufe) pausiert oder deaktiviert werden können. 
• Die technische Grundlage ermöglicht es, Interaktionen ohne Zeitdruck durchzuführen, indem automatische Zeitbegrenzungen ausgeschaltet werden können. 

Bedienung:

• Über DIGIaccess können Nutzer Pop-ups und andere störende Elemente deaktivieren. 
• Die Software bietet Optionen, um automatische Abläufe zu pausieren oder zu deaktivieren. 

Verständlichkeit

Lesbarkeit

Für optimale Zugänglichkeit müssen Inhalte leicht lesbar und verständlich sein. Dazu gehören anpassbare Textgrößen und die Verwendung geläufiger, einfacher Schriftarten. 

Unsere technische Umsetzung: 

• Wir programmieren Optionen, die es ermöglichen, die Textgröße und das Schriftbild direkt auf der Website anzupassen. 
• Eine zusätzliche Funktion erlaubt es, Schriftarten auf geläufige und barrierefreie Alternativen wie Arial oder Verdana umzustellen. 

Nutzung mit DIGIaccess:

• Nutzer können die Schriftgröße flexibel anpassen und auf einfache, gut lesbare Schriftarten wechseln. 
• Die Software bietet eine benutzerfreundliche Oberfläche, um diese Einstellungen schnell und individuell vorzunehmen. 

Vorhersehbarkeit

Interaktive und funktionale Elemente einer Website müssen sich in ihrem Verhalten stets vorhersagbar verhalten, um die Nutzerfreundlichkeit und das Verständnis zu fördern. 

Unsere technische Umsetzung: 

• Wir achten bei der Programmierung darauf, dass alle interaktiven Elemente ein einheitliches und vorhersagbares Verhalten aufweisen. 

Nutzung mit DIGIaccess:

• Nutzer können gezielt interaktive Elemente hervorheben lassen, um deren Funktion leichter zu verstehen. 
• Die Software hilft auch dabei, bei komplexeren Elementen visuelle oder textuelle Hinweise zu aktivieren, die das Verhalten erklären. 

Robustheit

Kontabilität

Die Kompatibilität mit modernen und zukünftigen Technologien wird durch die strikte Einhaltung von Webstandards gewährleistet. Die Implementierung von Inhalten mithilfe von Auszeichnungssprachen wie HTML muss vollständig und fehlerfrei gemäß der jeweiligen Spezifikationen erfolgen. 

Unsere technische Umsetzung: 

• Wir programmieren Webseiten gemäß den aktuellen Standards von HTML, CSS und JavaScript, um die Kompatibilität mit assistiven Technologien wie Screenreadern und Browsern sicherzustellen. 
• Unsere technische Grundlage berücksichtigt auch die Zukunftssicherheit durch sauberen, semantischen Code und die vollständige Einhaltung der Spezifikationen. 
• Zudem integrieren wir Mechanismen, die es ermöglichen, neue Technologien und Standards nahtlos einzubinden, sobald diese verfügbar sind.

Nutzung mit DIGIaccess:

• Die eingesetzte Software arbeitet optimal mit standardkonformem Code zusammen und bietet Nutzern eine nahtlose Erfahrung, unabhängig von der verwendeten assistiven Technologie. 
• Die Software erlaubt es, individuelle Anpassungen vorzunehmen, ohne die technische Basis zu beeinträchtigen. 

Bitte beachte, dass die aufgeführten Punkte nicht abschließend sind und sich jederzeit ändern können. Außerdem sind die tatsächlichen Maßnahmen, die umgesetzt werden müssen, oft deutlich komplexer, als hier dargestellt. 

Die WCAG sieht zu jedem Punkt verschiedene Erfolgskriterien vor, die eingehalten werden müssen. Eine vollständige Auflistung dieser Kriterien würde den Rahmen dieser Übersicht sprengen. Diese Darstellung dient daher vor allem dazu, das Problembewusstsein zu schärfen und zu verdeutlichen, welche Maßnahmen in etwa erforderlich sind. 

Wenn du dazu Fragen hast oder Unterstützung brauchst, melde Dich jederzeit bei uns. Wir helfen dir gerne dabei, eine passende Lösung zu finden und den konkreten Bedarf für dein Produkt zu erheben.