Barrierefreie Gestaltung von Drupal-Anwendungen

Vorteile und Anforderungen des Barrierefreiheits­stärkungsgesetzes

SVG
Bild zeigt 3 Aspekte des barrierefreien Designs. Diese drei Aspekte: 1. Audio, 2. Text Größe, 3. Farben, werden durch Icons dargestellt. Die Icons sind über eine gestrichelte Linie mit dem Logo für Barrierefreiheit verbunden. Die Linien zeigen, dass all diese Punkte Teil der barrierefreien Gestaltung sind.

Barrierefreiheit für Produkte und Dienstleistungen wird ab dem 28. Juni 2025 durch das neue Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland gefordert.

In diesem Artikel erfahren Sie, wen das Gesetz betrifft, warum Barrierefreiheit für alle wichtig ist und wie das Content-Management-System (CMS) Drupal Ihnen hilft, Ihre Website oder Anwendung barrierefrei und benutzerfreundlich zu gestalten.

Inhalt

➥  Was ist das BFSG, und für wen gilt es?

  Anforderungen des BFSG

  Was bedeutet barrierefreies Design?

  Vorteile für Unternehmen durch barrierefreies Design

  Tipps für die barrierefreie Gestaltung

  Vorteile von Drupal für barrierefreie Anwendungen

Was ist das Barrierefreiheitsstärkungsgesetz (BFSG) und wenn betrifft es?

Das BFSG setzt die EU-Richtlinie European Accessibility Act (EAA) in Deutschland um und stellt sicher, dass Produkte und Dienstleistungen für alle zugänglich sind. Besonders relevant ist das Gesetz für:

  1. Unternehmen: z. B. Anbieter von Computern, Smartphones, Tablets, Geldautomaten, Ticket- und Check-in-Automaten sowie Zahlungsterminals.
  2. Dienstleister: z. B. Banken, E-Commerce-Plattformen, Transportdienste, Telekommunikationsdienste, audiovisuelle Mediendienste, E-Books.
  3. Öffentliche Einrichtungen: Websites und mobile Anwendungen von öffentlichen Stellen müssen ebenfalls zugänglich sein.

Anforderungen des BFSG für barrierefreie Produkte und Dienstleistungen

Alle betroffenen Unternehmen und Institutionen müssen bis zum 28. Juni 2025 barrierefreie Maßnahmen umsetzen. Zu den Anforderungen gehören:

1. Für Unternehmen

Wenn Sie Produkte herstellen oder vertreiben, die unter das BFSG fallen (z.B. Computer, Smartphones, Geldautomaten, Ticketautomaten), müssen Sie sicherstellen, dass diese Produkte barrierefrei gestaltet sind, das beinhaltet:

  • Zugänglichkeit der Benutzeroberfläche: Menschen mit Seh-, Hör- oder Bewegungsbehinderungen müssen die Produkte leicht bedienen können.
  • Kundensupport und Gebrauchsanweisungen: Diese müssen in barrierefreien Formaten verfügbar sein, z. B. in leicht verständlicher Sprache oder mit assistiven Technologien kompatibel.

2. Für Dienstleister

Wenn Sie Dienstleistungen anbieten (z. B. Webshops, Bankdienstleistungen, Telekommunikation, Transport, audiovisuelle Medien), müssen Sie sicherstellen, dass diese Dienstleistungen folgenden Anforderungen gerecht werden:

  • Zugängliche Websites und Apps: Digitale Angebote müssen den internationalen Standards für Barrierefreiheit (WCAG 2.2 auf Konformitätsstufe A und AA) entsprechen.
  • Barrierefreie Kommunikation: Kunden mit Behinderungen müssen auf einfache Weise mit Ihnen in Kontakt treten können, z. B. über barrierefreie Hotlines, Chatfunktionen oder E-Mail-Services.

3. Für Öffentliche Einrichtungen

Wenn Sie für eine Behörde, öffentliche Einrichtung arbeiten oder Ihr Unternehmen durch öffentliche Gelder gefördert wird, müssen alle digitalen Angebote, wie Websites und mobile Apps, barrierefrei gestaltet sein. Das bedeutet:

  • Websites und mobile Apps: Diese müssen die Barrierefreiheitsstandards erfüllen, damit Menschen mit Behinderungen Zugang zu den Inhalten haben.
  • Dokumente und PDFs: Alle online verfügbaren Dokumente müssen barrierefrei sein.

Was bedeutet barrierefreies Design?

Barrierefreies Design ist nicht nur für Menschen mit Behinderungen relevant – es schafft eine bessere Nutzungserfahrung für alle.

 

Disability is not just a health problem. It is a complex phenomenon, reflecting the interaction between features of a person's body and features of the society in which he or she lives. – World Health Organization

 

Barrierefreiheit geht heute über die Unterstützung von Menschen mit dauerhaften Einschränkungen hinaus und umfasst auch situative Beeinträchtigungen und Teilhabeeinschränkungen. Es geht darum, die Barrieren zwischen Individuen und ihrem Umfeld zu minimieren, sodass alle Menschen die gleichen Möglichkeiten haben, an der Gesellschaft teilzuhaben.

Ein Beispiel aus dem Microsoft Inclusive Guidebook zeigt, wie unterschiedliche Nutzergruppen von barrierefreien Funktionen profitieren:

Untertitel wurden ursprünglich für Menschen mit Hörbeeinträchtigungen entwickelt, doch heute profitieren auch andere davon. Sie ermöglichen es beispielsweise, in lauten Umgebungen mitzulesen, in denen Ansagen schwer zu verstehen sind, und unterstützen Kinder beim Lesenlernen.

SVG
Darstellung dreier unterschiedlicher Menschengruppen. Das Bild erklärt wie eine Funktion, in diesem Fall Untertitel für Schwerhörige, auch Vorteile für andere Menschen hat. Als Beispiel werden im Bild zuerst Personen in einer Lauten Umgebungen dargestellt, Symbolisiert durch Strichmännchen mit einem Reisekoffer, die am lauten Bahngleis stehen. Das zweite Beispiel sind Personen die Lesen lernen, hier dargestellt durch eine Skizze von einer Mutter mit kleinem Kind.
Quelle: Microsoft Inclusive Design

Ähnlich verhält es sich mit hohen Kontrasteinstellungen. Diese wurden ursprünglich für Menschen mit Sehbehinderungen entwickelt, sind aber inzwischen hilfreich, um Geräte auch bei hellem Sonnenlicht gut ablesen zu können.

Viele alltägliche Hilfsmittel haben sich auf diese Weise etabliert: Fernbedienungen, automatische Türöffner oder Hörbücher sind nur einige Beispiele.

Kurz gesagt: Barrierefreies Design schafft eine verbesserte Nutzungserfahrung für alle – unabhängig davon, ob Menschen dauerhafte, temporäre oder situative Einschränkungen haben oder ohne Einschränkungen sind.

SVG
Schaubild mit einer Lupe, die das Logo für barrierefreiheit untersucht. Neben der Lupe stehen die Vorteile für Webseiten-Inhaber, wenn man ein barrierefreies Design hat. Die abgebildeten Vorteile sind: 1. Ladezeiten, 2. SEO Optimierung und 3. Zielgruppen-Erweiterung.

Vorteile von barrierefreiem Design für Unternehmen

Eine barrierefreie Website bringt neben der Einhaltung gesetzlicher Vorgaben zahlreiche Vorteile:

1. Erweiterte Zielgruppe und Reichweite

  • Zugänglichkeit für mehr Menschen: Eine barrierefreie Website ermöglicht es Menschen mit Behinderungen, auf die Inhalte zuzugreifen. Das betrifft etwa 10-15 % der Bevölkerung.
  • Ältere Menschen: Eine wachsende Zielgruppe sind ältere Menschen, die möglicherweise nicht mehr alle digitalen Angebote problemlos nutzen können.

2. Bessere Benutzererfahrung für alle Nutzer

  • Klare Navigation und Inhalte: Barrierefreie Websites zeichnen sich durch eine strukturierte und leicht zugängliche Navigation sowie gut lesbare Inhalte aus.
  • Schnellere Ladezeiten und bessere mobile Nutzbarkeit: Optimierungen zur Barrierefreiheit, wie zum Beispiel einfache und klare Strukturen oder der Verzicht auf unnötige visuelle Effekte.

3. Verbesserte SEO-Optimierung

  • Bessere Sichtbarkeit in Suchmaschinen: Viele Maßnahmen, die zur Barrierefreiheit beitragen verbessern auch die Auffindbarkeit in Suchmaschinen.
  • Mehr Traffic und bessere Nutzerbindung: Durch bessere Rankings und eine höhere Benutzerfreundlichkeit werden mehr Menschen Ihre Seite finden.

4. Stärkung des Markenimages

  • Inklusion und soziale Verantwortung: Barrierefreiheit zeigt, dass dein Unternehmen soziale Verantwortung übernimmt und sich für Inklusion einsetzt. Dies stärkt das Vertrauen in deine Marke und fördert ein positives Image.
  • Markenbindung und Kundenloyalität: Kunden, die eine positive Erfahrung auf deiner Website machen bleiben eher loyal und empfehlen die Seite weiter.

5. Innovationsvorteil

  • Technologische Fortschritte: Die Implementierung von barrierefreien Designs kann langfristig zu besseren und effizienteren Technologien führen, die der gesamten Website zugutekommen.
  • Kompatibilität mit neuen Geräten: Barrierefreiheit optimiert oft die Kompatibilität mit Sprachassistenten, Screenreadern und anderen Assistenztechnologien, die immer populärer werden, was zu einem innovativen und zukunftsfähigen Webauftritt führt.

6. Wettbewerbsvorteil

  • Differenzierung vom Wettbewerb: Wenn Ihre Website barrierefrei ist und des Wettbewerbs nicht, gewinnen Sie einen deutlichen Vorteil. Das kann einen Vorteil auf dem Markt verschaffen und neue Kundengruppen erschließen.

Zwischenfazit: Vorteile für Ihr Unternehmen.

Barrierefreiheit ist nicht nur ein Muss im Sinne der Gesetzeskonformität, sondern bietet Ihnen als Website-Inhaber vielfältige Vorteile. Sie vergrößert Ihre Reichweite, verbessert die Nutzererfahrung, fördert SEO und stärkt das Markenimage. Langfristig ist sie eine Investition in die Zukunft, da die Bedeutung von Barrierefreiheit und Inklusion weiter steigen wird.

SVG
Bild stell die Hauptpunkte von barrierefreiem Design dar. Diese werden durch abstrahierte und bunte Beispiele gezeigt. Es werden folgenden punkte dargestellt: 1. Klare und deutliche Schrift, wird mit einem Schrift Beispiel gezeigt. 2. Hohe Kontraste, wird mit einem positiv und negativ Beispiel gezeigt. 3. ALT-Texte verwenden, wird durch ein Bild-Platzhalter mit angedeutetem ALT-Text dargestellt und 4. Fokus-Zustand von Links, Buttons und Menüs. Der 4. Punkt wird durch einen Button im Fokus dargestellt.

Tipps für die barrierefreie Gestaltung

Bei der Gestaltung einer barrierefreien Website gibt es verschiedene Aspekte, die beachtet werden müssen, um allen Nutzern eine optimale Nutzung zu ermöglichen. Hier sind die wichtigsten Punkte:

1. Ausreichender Kontrast

  • Zwischen Vorder- und Hintergrundfarben für bessere Lesbarkeit
  • Farbfehlsichtigkeiten: Farben als einziges Unterscheidungsmerkmal vermeiden
  • Hoher Kontrast für mobile Nutzung

2. Tastaturbedienbarkeit

  • Interaktiven Elemente sollten über die Tab-Taste (↹) erreichbar sein 
  • Interaktive Elemente sollten visuell hervorgehoben werden
  • Ausreichende Größe von Schaltflächen

3. Screenreader-Kompatibilität

  • Saubere Überschriftenstruktur, klare Hierarchie der Überschriften
  • Bilder sollten immer mit aussagekräftigen ALT-Texten versehen werden

4. Einfach Sprache

  • Einfache und klare Sprache, kurze Sätze und einfacher Satzbau

5. Formularzugänglichkeit

  • Klicken auf die Beschriftung eines Eingabefelds sollte der Cursor automatisch ins entsprechende Feld springen
  • Die Navigation durch Formulare sollte über die Tab-Taste möglich sein

6. Weitere Punkte

  • Für audiovisuelle Inhalte sollten Untertitel und Text Transkription bereitgestellt werden
  • Animationen sollten bedacht eingesetzt werden, da sie Schwindel oder Kopfschmerzen auslösen können

Vorteile von Drupal für barrierefreie Websites

Das CMS Drupal bietet zahlreiche Funktionen, die die Erstellung barrierefreier Websites unterstützen:

1. Standardkonforme Barrierefreiheit:

Drupal wird kontinuierlich weiterentwickelt, um die internationalen Standards der Web Content Accessibility Guidelines (WCAG) und der Authoring Tool Accessibility Guidelines (ATAG) zu erfüllen.

2. Screenreader- und Mobiloptimierung

Drupal ist auf dem neuesten Stand was die Unterstützung von Screenreadern und anderen Hilfsmitteln angeht. Drupal unterstützt standardmäßig responsives Design.

3. Unterstützung von Tastaturnavigation

Drupal-Module und -Themes unterstützen Navigationsmöglichkeiten, die ohne Maus bedient werden können.

4. Anpassungsfähige Module

Die Drupal-Community entwickelt kontinuierlich Module, die Barrierefreiheitsfunktionen ergänzen.

Fazit

Durch die Kombination aus standardkonformen Technologien, modularer Erweiterbarkeit, Unterstützung durch die Community und speziell entwickelten Barrierefreiheits-Tools bietet Drupal eine solide Basis für die Entwicklung zugänglicher Websites.

Dies macht Drupal zu einer sehr geeigneten Wahl für Unternehmen, die eine barrierefreie, inklusive Website-Lösung suchen.

Haben Sie Fragen?

Kontaktieren Sie uns – gemeinsam machen wir Ihre Drupal-Projekte zukunftssicher und inklusiv.

Sie möchten nachhaltige digitale Projekte entwickeln?