Barrierefreiheit von Websites ist in den meisten Ländern eine rechtliche Vorgabe, nicht nur eine Gestaltungsfrage. In den USA ist der Rahmen der Americans with Disabilities Act. In der Europäischen Union der European Accessibility Act. Im Vereinigten Königreich der Equality Act. Der technische Standard, auf den sich alle beziehen, ist derselbe: WCAG 2.1 Level AA. Eine ADA-konforme Website zu bauen heißt, diesen Standard zu erfüllen, und die Schritte dazu gelten unabhängig davon, in welcher Rechtsordnung dein Unternehmen tätig ist.
ADA-konformes Website-Design bedeutet, eine Seite zu bauen, die WCAG 2.1 Level AA erfüllt, den technischen Standard, auf den sich der Americans with Disabilities Act für Barrierefreiheit im Web bezieht. WCAG ist derselbe Standard, auf den sich der European Accessibility Act der EU, die Public Sector Bodies Accessibility Regulations des Vereinigten Königreichs und die Gesetze zur Barrierefreiheit in Kanada, Australien und den meisten anderen Ländern mit Vorgaben für Web-Barrierefreiheit beziehen. Der rechtliche Rahmen unterscheidet sich je nach Land. Die technischen Anforderungen sind einheitlich.
Der Prozess ist keine einmalige Prüfung. Es ist eine fortlaufende Praxis, Barrierefreiheit zu bauen, zu testen und zu erhalten, während sich die Seite weiterentwickelt. Neue Seiten, neue Funktionen und Design-Updates bringen jeweils das Potenzial für neue Lücken bei der Barrierefreiheit mit.
Was bedeutet ADA-Konformität für eine Website?
Der Americans with Disabilities Act, 1990 verabschiedet, verbietet die Diskriminierung von Menschen mit Behinderungen im öffentlichen Leben. Title III des Gesetzes betrifft öffentlich zugängliche Einrichtungen, und Gerichte und das Justizministerium haben darunter durchgängig auch Websites von Unternehmen verstanden, die für die Öffentlichkeit arbeiten.
Die Zahl der Klagen zur Web-Barrierefreiheit vor US-Bundesgerichten ist seit 2015 jedes Jahr gestiegen und hat in den letzten Jahren erstmals 4.000 Klagen pro Jahr überschritten. Die betroffenen Unternehmen reichen von großen Händlern bis zu kleinen Dienstleistern. Die Größe eines Unternehmens hat Beklagte nicht verlässlich vor rechtlichen Schritten geschützt.
Der Standard, auf den sich Gerichte bei Klagen zur Barrierefreiheit von Websites am häufigsten beziehen, ist WCAG 2.1 Level AA. Deine Website nach diesem Standard zu bauen ist der direkteste Weg, das rechtliche Risiko anzugehen. Der Artikel was Website-Barrierefreiheit ist erklärt, was WCAG im Ganzen verlangt, einschließlich der vier Grundprinzipien, nach denen die Richtlinien geordnet sind.
Welche Unternehmen müssen Standards für Web-Barrierefreiheit erfüllen?
In den USA gilt Title III des ADA für jedes Unternehmen, das für die Öffentlichkeit arbeitet: Handel, Gastgewerbe, Gesundheitswesen, Finanzdienstleistungen, Immobilien und jedes andere Unternehmen, bei dem die Öffentlichkeit Waren oder Dienstleistungen nutzt. Eine Mindestgröße gibt es nicht. Kleine Unternehmen sind genauso oft rechtlich wegen Barrierefreiheit belangt worden wie große.
In der Europäischen Union verlangt der European Accessibility Act von Unternehmen, die digitale Produkte und Dienstleistungen an Kunden in der EU verkaufen, ab Juni 2025 die Einhaltung von Barrierefreiheitsstandards. Der Equality Act des Vereinigten Königreichs legt gleichwertige Pflichten für Unternehmen auf, die Kunden im Vereinigten Königreich bedienen. Der Accessible Canada Act in Kanada und der Disability Discrimination Act in Australien schaffen ähnliche Vorgaben in diesen Märkten.
Für die meisten Unternehmen mit öffentlich zugänglicher Website gilt mindestens einer dieser Rahmen. Die praktische Folge ist jeweils dieselbe: nach WCAG 2.1 Level AA bauen und die Konformität dokumentieren.
Was verlangt eine ADA-konforme Website?
WCAG 2.1 Level AA zu erfüllen heißt, Barrierefreiheit in mehreren Bereichen einer Website anzugehen.
Alle aussagekräftigen Bilder brauchen beschreibenden Alt-Text. Ein Besucher mit Screenreader sollte allein aus der Textalternative verstehen können, was ein Bild vermittelt. Dekorative Bilder, die keine Information liefern, sollten so markiert sein, dass Screenreader sie überspringen.
Text muss gegenüber seinem Hintergrund die Mindestkontrastverhältnisse erfüllen. Fließtext braucht ein Kontrastverhältnis von mindestens 4,5 zu 1. Großer Text und Bedienelemente brauchen mindestens 3 zu 1. Farbschemata mit geringem Kontrast gehören zu den häufigsten Verstößen gegen WCAG AA und zu den am einfachsten zu behebenden.
Alle Formularfelder müssen sichtbare Beschriftungen haben. Fehlermeldungen müssen erkennen lassen, welches Feld ein Problem hat, und erklären, wie es sich beheben lässt. Formulare, die Fehler nur über Farbe anzeigen, scheitern bei Nutzern, die Farben nicht unterscheiden können.
Alle interaktiven Elemente, darunter Navigationsmenüs, Dropdown-Auswahlen und Dialogfenster, müssen vollständig per Tastatur bedienbar sein. Ein Besucher, der keine Maus nutzen kann, muss mit der Tab-Taste durch jedes interaktive Element springen, Menüs öffnen und schließen und Formulare allein mit der Tastatur absenden können. Der Artikel was Website-Navigation ist zeigt, wie Navigationselemente aufgebaut sein müssen, damit sie für Tastatur- und Screenreader-Nutzer funktionieren.
Videoinhalte brauchen Untertitel. Vorab aufgezeichnetes Audio braucht Transkripte. Live-Videoinhalte mit Sprache brauchen Untertitel in Echtzeit. Der Artikel was Webdesign ist behandelt die allgemeinen Designentscheidungen, die prägen, wie diese Elemente gebaut und auf einer Seite dargestellt werden.
Wie prüfst du, ob deine Website ADA-konform ist?
Eine praxistaugliche Konformitätsprüfung kombiniert automatisches Scannen mit manuellen Tests. Automatische Tools scannen Seiten auf die häufigsten WCAG-Verstöße, darunter fehlenden Alt-Text, Kontrastprobleme und Strukturfehler. Sie sind schnell und lassen sich über die ganze Seite laufen, finden aber nur etwa 30 bis 40 Prozent der Barrierefreiheitsprobleme. Der Rest verlangt menschliches Urteil.
Manuelle Tests sollten die Tastaturnavigation auf jeder Seite und in jedem Nutzerablauf abdecken. Geh die ganze Seite nur mit der Tastatur durch. Prüfe, dass Fokusmarkierungen jederzeit sichtbar sind, damit du immer siehst, welches Element aktiv ist. Bestätige, dass sich Dropdown-Menüs per Tastatur öffnen und schließen. Prüfe, dass sich Formulare ohne Maus ausfüllen und absenden lassen.
Tests mit einem Screenreader decken Probleme auf, die weder automatische Tools noch Tastaturtests zeigen. Wenn du die Hauptseiten einer Website mit aktivem Screenreader durchgehst, siehst du, ob die Seite in logischer Reihenfolge vorgelesen wird, ob Bilder sinnvoll beschrieben sind und ob interaktive Elemente klar benannt sind.
Für eine formale Konformitätsprüfung deckt ein professionelles Barrierefreiheits-Audit alle drei Testmethoden ab und liefert einen Bericht gegen WCAG 2.1 Level AA. Das ist nützlich vor dem Start einer Seite, nach einem größeren Relaunch oder wenn das rechtliche Risiko formal bewertet werden muss.
Was ist eine Erklärung zur Barrierefreiheit?
Eine Erklärung zur Barrierefreiheit ist eine Seite auf einer Website, die angibt, welche Konformitätsstufe die Seite anstrebt, bekannte Einschränkungen nennt, erklärt, wie Nutzer mit Behinderungen Hilfe bekommen, und einen Weg bietet, Probleme bei der Barrierefreiheit zu melden.
Eine Erklärung zur Barrierefreiheit garantiert keinen rechtlichen Schutz. Eine Seite mit Erklärung, aber mit erheblichen Barrieren, bleibt eine nicht barrierefreie Seite. Die Erklärung ist eine Transparenzmaßnahme, die Nutzern mit Behinderungen zeigt, was sie erwarten können und wie sie Unterstützung bekommen. Für Websites des öffentlichen Sektors verlangt sie die EU-Richtlinie zur Barrierefreiheit von Websites, und die meisten Rahmenwerke zur Barrierefreiheit empfehlen sie.
Eine nützliche Erklärung enthält die WCAG-Version und Konformitätsstufe, die die Seite anstrebt, das Datum der letzten Prüfung, einen Kontaktweg für Nutzer, die Barrieren melden, und eine kurze Beschreibung bekannter Probleme, die noch nicht gelöst sind.
Wie hängt ADA-Konformität mit SEO zusammen?
Die Maßnahmen, die eine Website ADA-konform machen, überschneiden sich stark mit dem, was Suchmaschinen zur Bewertung der Seitenqualität nutzen. Alt-Text, der Bilder sinnvoll beschreibt, liefert Kontext, den Suchmaschinen aus dem Bild selbst nicht bekommen. Eine logische Überschriftenstruktur hilft Suchmaschinen zu verstehen, wie eine Seite aufgebaut ist. Per Tastatur bedienbare Seiten mit sauberem HTML lassen sich meist zuverlässiger crawlen.
Über die technische Überschneidung hinaus senken Verbesserungen bei der Barrierefreiheit die Absprungrate und erhöhen die Verweildauer der Besucher, denen sie dienen. Diese Verhaltenssignale tragen dazu bei, wie Suchmaschinen beurteilen, ob eine Seite Mehrwert liefert. Der Artikel was SEO ist zeigt, wie Signale zum Nutzererlebnis mit der Zeit mit den Suchrankings zusammenhängen.
So geht WEMASY mit Barrierefreiheit um
Der Website-Builder von WEMASY erzeugt gültiges, semantisches HTML, das Screenreader und automatische Barrierefreiheits-Tools korrekt lesen können. Templates werden gegen die WCAG-AA-Standards für Farbkontrast getestet. Felder für Alt-Text sind im Bild-Upload eingebaut, sodass jedes Bild ohne Code eine Beschreibung bekommen kann. Die Tastaturnavigation funktioniert standardmäßig bei allen interaktiven Elementen in der Ausgabe des Builders.
Was enthalten ist, siehst du beim Website-Builder von WEMASY, und die Tarife findest du auf der Preisseite.
Häufige Fragen
Kann ein kleines Unternehmen wegen einer nicht barrierefreien Website verklagt werden?
Ja. Bei Klagen zur ADA-Barrierefreiheit im Web waren Unternehmen jeder Größe betroffen, vom Einzelunternehmer bis zum großen Händler. Es gibt keine Umsatz- oder Mitarbeiterzahl, die ein Unternehmen von Title III des ADA ausnimmt. Gerade kleine Unternehmen gehören zu den häufigsten Beklagten in Verfahren zur Barrierefreiheit, weil sie seltener Prüfungen zur Barrierefreiheit durchgeführt haben. Die Kosten für einen Vergleich oder die Nachbesserung nach einer Klage liegen meist weit über den Kosten, das Thema vorbeugend anzugehen. Mit dem Website-Builder von WEMASY richtest du das direkt auf deiner Website ein.
Gibt es eine offizielle ADA-Zertifizierung für Websites?
Nein. Es gibt keine staatlich ausgestellte ADA-Zertifizierung für Websites. Die Konformität wird daran bemessen, wie gut eine Seite WCAG 2.1 Level AA erfüllt, nicht an einem Zertifikat. Externe Prüfer für Barrierefreiheit können Konformitätsberichte ausstellen, die dokumentieren, dass eine Seite gegen WCAG-Kriterien getestet wurde, aber das sind fachliche Bewertungen, keine offiziellen Zertifizierungen. Kein Overlay-Widget und kein Siegel ersetzt ein echtes Audit gegen den WCAG-Standard.
Wie oft muss eine ADA-konforme Website geprüft werden?
Jedes Mal, wenn sich die Seite deutlich ändert. Neue Seiten, aktualisierte Templates, neu installierte Funktionen oder veröffentlichte neue Inhalte können Lücken bei der Barrierefreiheit erzeugen, die in der vorherigen Version nicht existierten. Eine Seite, die vor sechs Monaten eine Prüfung bestanden hat, besteht sie womöglich nicht mehr, wenn das Design seitdem aktualisiert wurde. Regelmäßige automatische Scans finden Rückschritte schnell, und nach jedem größeren Relaunch oder Plattformwechsel sollte ein vollständiges manuelles Audit folgen.
Was ist Section 508 und wie unterscheidet es sich von der ADA-Konformität?
Section 508 des Rehabilitation Act verlangt von Bundesbehörden und Organisationen mit Bundesförderung, ihre elektronische Technik und Informationstechnik für Menschen mit Behinderungen zugänglich zu machen. Als technischen Standard nennt es WCAG 2.0 Level AA. Für die meisten Unternehmen der Privatwirtschaft ist der ADA mit seinem Maßstab WCAG 2.1 Level AA der relevante Rahmen. Für Organisationen mit Bundesaufträgen oder Fördermitteln gelten die Anforderungen von Section 508 je nach Art der Arbeit zusätzlich zur ADA-Konformität oder an ihrer Stelle.
Machen Overlay-Tools für Barrierefreiheit eine Website ADA-konform?
Nein. Overlay-Tools für Barrierefreiheit sind Skripte, die versuchen, Barrierefreiheitsprobleme nach dem Laden einer Seite automatisch zu beheben. Sie werden von Experten und Interessenverbänden für Barrierefreiheit breit kritisiert, weil sie die zugrunde liegenden strukturellen Probleme, die eine Seite unzugänglich machen, nicht zuverlässig lösen. Gerichte haben Overlays in Verfahren zur Barrierefreiheit nicht als Verteidigung akzeptiert. Echte Konformität verlangt, die Barrierefreiheit in der Seite selbst herzustellen, nicht sie im Nachhinein mit einem Skript eines Drittanbieters zu flicken.