Barrierefreie Unternehmenswebsite nach WCAG 2.2 und BFSG

Die Frage, ob eine Unternehmenswebsite unter das BFSG fällt, hängt davon ab, ob sie Dienstleistungen im elektronischen Geschäftsverkehr anbietet. Ein reines Informationsangebot ohne Transaktionsmöglichkeit ist derzeit nicht direkt betroffen, aber die Tendenz ist eindeutig: Die EU-Richtlinie zur Barrierefreiheit des Internets (Web Accessibility Directive) verpflichtet bereits öffentliche Stellen, und die nationalen Gesetzgeber erweitern den Kreis der Verpflichteten kontinuierlich.

Unabhängig von der gesetzlichen Pflicht gibt es starke wirtschaftliche Argumente: Eine barrierefreie Unternehmenswebsite erschließt die Zielgruppe der rund 7,8 Millionen schwerbehinderten Menschen in Deutschland (Quelle: Statistisches Bundesamt, 2024). Sie verbessert die Auffindbarkeit in Suchmaschinen, weil semantisches HTML und strukturierte Inhalte genau das sind, was Crawler auswerten. Sie reduziert die Absprungrate, weil alle Nutzer Inhalte leichter finden und verstehen. Und sie positioniert Ihr Unternehmen als verantwortungsvollen Arbeitgeber, was im Wettbewerb um Fachkräfte zunehmend relevant wird.

Barrierefreiheit beginnt bei der Struktur. Ein sehender Nutzer erkennt die Gliederung einer Seite anhand von Schriftgrößen, Abständen und visueller Hierarchie. Ein blinder Nutzer ist auf die semantische Auszeichnung im HTML angewiesen: H1 für die Hauptüberschrift, H2 für Hauptabschnitte, H3 für Unterabschnitte. Landmarks wie nav, main, aside und footer ermöglichen die schnelle Navigation zu bestimmten Seitenbereichen. Listen als ul/ol, Tabellen als table mit korrektem thead und th, Zitate als blockquote. Diese HTML-Elemente sind nicht neu, aber sie werden auf den meisten Unternehmenswebsites nicht korrekt eingesetzt.

Wir überarbeiten die semantische Struktur Ihrer Website, ohne das visuelle Design zu verändern. Die Überschriftenhierarchie wird bereinigt, Landmarks werden eingefügt, Listen und Tabellen werden korrekt ausgezeichnet, und interaktive Elemente erhalten die passenden ARIA-Rollen. Das Ergebnis: Screenreader-Nutzer können durch die Seite navigieren, sich einen Überblick verschaffen und gezielt zu den gewünschten Inhalten springen, genau wie sehende Nutzer es visuell tun.

Das Kontaktformular ist auf vielen Unternehmenswebsites der wichtigste Konversionspunkt. Ein unzugängliches Formular bedeutet, dass potenzielle Kunden Ihr Unternehmen nicht kontaktieren können. Wir stellen sicher, dass jedes Eingabefeld ein sichtbares und programmatisch verknüpftes Label hat, Pflichtfelder über aria-required und visuellen Hinweis gekennzeichnet sind, Fehlermeldungen mit dem jeweiligen Feld verknüpft und beim Auftreten fokussiert werden. Platzhaltertexte ersetzen keine Labels, weil sie beim Eingabebeginn verschwinden und den Kontext verlieren.

Darüber hinaus prüfen wir alle interaktiven Elemente auf Tastaturzugänglichkeit: Akkordeons müssen per Enter/Space geöffnet und per Escape geschlossen werden können. Tab-Panels müssen per Pfeiltasten navigierbar sein. Lightboxen müssen den Fokus einfangen und beim Schließen zurückführen. Slider und Karussells müssen pausierbar sein und dürfen automatische Inhaltsänderungen nur mit Nutzerbestätigung durchführen.

In den allermeisten Fällen ist kein Neubau nötig. Wir rüsten Ihre bestehende Unternehmenswebsite im vorhandenen Code nach, ohne das gewohnte Erscheinungsbild anzutasten. Typische Barrieremuster unterscheiden sich dabei von denen eines Online-Shops: fehlende oder nichtssagende Alternativtexte für Team-Fotos und Infografiken, unzureichende Überschriftenstrukturen, die Screenreader-Nutzern die Navigation erschweren, unzugängliche Kontaktformulare ohne korrekte Label-Zuordnung und Fehlermeldungen sowie Slider und Karussell-Elemente, die per Tastatur nicht steuerbar sind. Unsere Audits decken diese Schwachstellen systematisch auf und liefern konkrete Lösungsvorschläge, die Ihr Entwicklungsteam oder Ihre Agentur direkt umsetzen kann, oder die wir auf Wunsch selbst realisieren.