Barrierefreie Website erstellen (RGAA): praktischer Leitfaden 2026

Eine barrierefreie Website kann von einer Person mit Behinderung (visuell, motorisch, auditiv oder kognitiv) genutzt werden, dank ausreichendem Kontrast, einer allein per Tastatur möglichen Navigation, Textalternativen bei Bildern und einer logischen Überschriftenstruktur, die von einem Screenreader gelesen werden kann. Der RGAA (Referenzrahmen zur Verbesserung der Barrierefreiheit) ist der französische Referenzstandard, verpflichtend für den öffentlichen Sektor und schrittweise auf bestimmte private Akteure ausgeweitet.

Das eigentliche Problem: Barrierefreiheit wird als Option behandelt, nicht als Grundlage

Die meisten Websites sind von Anfang an nicht auf Barrierefreiheit ausgelegt. Man fügt nachträglich eine Korrektur hinzu: etwas Kontrast hier, ein vergessenes Alt-Tag dort. Das Ergebnis ist eine Website, die Kästchen abhakt, ohne wirklich nutzbar zu sein für eine sehbehinderte, hörbehinderte oder in den Händen motorisch eingeschränkte Person.

Dabei betrifft Barrierefreiheit nicht nur eine als "Menschen mit Behinderung" identifizierte Minderheit von Besuchern. Ein zu schwacher Kontrast stört auch einen Nutzer, der bei praller Sonne auf sein Handy schaut. Eine schlecht durchdachte Tastaturnavigation stört auch jemanden, der ein defektes Trackpad benutzt. Eine barrierefreie Website ist in den meisten Fällen einfach eine besser gebaute Website für alle.

Wer von einer gesetzlichen Pflicht betroffen ist

Der RGAA gilt verpflichtend für:

• Dienste des Staates, der Gebietskörperschaften und öffentlicher Einrichtungen;
• Einrichtungen mit einem öffentlichen Auftrag;
• Unternehmen, deren Umsatz eine bestimmte Schwelle überschreitet, im Rahmen des European Accessibility Act, dessen Umsetzung die Verpflichtungen schrittweise auf mehr private Akteure ausweitet (insbesondere E-Commerce, Banken, Transport, Telekommunikation).

Für einen Handwerker, eine Anwaltskanzlei oder ein Restaurant besteht heute in der Regel keine direkte gesetzliche Verpflichtung. Barrierefreiheit bleibt jedoch aus zwei konkreten Gründen relevant: Sie erweitert das tatsächliche Publikum der Website (ältere Menschen, vorübergehende Sehbeeinträchtigung, langsame Verbindung), und sie wird zunehmend als Kriterium allgemeiner Qualität betrachtet, auch von Google.

Die konkreten Punkte, die vorrangig behandelt werden sollten

1. Farbkontrast: Der Text muss sich ausreichend vom Hintergrund abheben (Mindestverhältnis von 4,5:1 für Fließtext nach den WCAG-Normen, Grundlage des RGAA). Ein hellgrauer Text auf weißem Hintergrund, sehr verbreitet bei "minimalistischen" Designs, scheitert oft an diesem Kriterium.
2. Tastaturnavigation: Jedes klickbare Element (Menü, Button, Formular) muss allein mit der Tab-Taste erreichbar sein, ohne Maus. Das ist der schnellste Test, den man selbst durchführen kann: Maus abstecken und navigieren.
3. Textalternativen bei Bildern: Jedes bedeutungstragende Bild muss einen Alternativtext (Attribut "alt") haben, der seinen Inhalt für einen Screenreader beschreibt.
4. Logische Überschriftenstruktur: Die Überschriften-Tags (H1, H2, H3) müssen einer kohärenten Hierarchie folgen, ohne Sprünge oder rein ästhetische Verwendung. Ein Screenreader nutzt sie, damit der Nutzer direkt zwischen den Abschnitten navigieren kann.
5. Beschriftete Formulare: Jedes Formularfeld muss ein klar zugeordnetes Label haben, nicht nur einen Beispieltext im Feld, der beim Eintippen verschwindet.
6. Untertitel bei Videos: unerlässlich für die auditive Barrierefreiheit, und nützlich auch für jeden Besucher, der ohne Ton zuschaut.

Wie man den aktuellen Zustand der eigenen Website bewertet

Muss man die Website neu machen, um sie barrierefrei zu gestalten?

Selten vollständig. Die meisten Korrekturen (Kontrast, Textalternativen, Formular-Labels, Überschriftenstruktur) erfolgen ohne komplette Neuerstellung. Die Fälle, die eine echte Neugestaltung erfordern, sind jene, bei denen die Oberfläche auf von Anfang an schlecht programmierten interaktiven Komponenten beruht (per Tastatur unzugängliche Dropdown-Menüs, Karussells ohne Steuerung, Pop-ups, die den Fokus einfangen).

Barrierefreiheit von Anfang an in eine neue Website zu integrieren, kostet wenig zusätzliche Zeit. Sie nachträglich auf einer bestehenden, schlecht strukturierten Website zu korrigieren, kann je nach Umfang ein Budget von 500 bis mehreren tausend Euro für eine vollständige RGAA-Konformität mit Audit bedeuten.

Was Barrierefreiheit für Ihre Suchmaschinenplatzierung ändert

Barrierefreiheit und SEO teilen einen Teil ihrer technischen Anforderungen: eine logische Überschriftenstruktur, Textalternativen bei Bildern und eine klare Navigation sind sowohl Kriterien der Barrierefreiheit als auch Signale, die Google zum Verstehen und Einordnen einer Seite nutzt. Das ist kein Zufall: Beide Disziplinen versuchen, einen Inhalt eindeutig verständlich zu machen, die eine für eine Person mit Assistenztechnologie, die andere für einen Indexierungs-Roboter.

Konkret behebt eine Website, die ihre Barrierefreiheitsmängel korrigiert, dabei oft auch SEO-Schwächen, die sie nicht als solche identifiziert hatte: schlecht hierarchisierte Überschriften, Bilder ohne Beschreibung, Links mit wenig aussagekräftigem Text ("hier klicken" statt einer klaren Bezeichnung).

Die häufigsten Fehler auf professionellen Websites

• Buttons oder Links, die nur durch ein Icon dargestellt sind, ohne Textalternative oder barrierefreie Beschreibung, unverständlich für einen Screenreader.
• Dropdown-Menüs, die sich nur beim Überfahren mit der Maus öffnen, unsichtbar und unbenutzbar per Tastatur.
• Präsentationsvideos ohne Untertitel, obwohl sie oft die wichtigste Verkaufsargumentation der Seite tragen.
• Formulare, bei denen die Fehlermeldung nur durch eine Farbe (Rot) signalisiert wird, ohne expliziten Text, unsichtbar für eine farbenblinde oder sehbehinderte Person.
• Zu kurze Sitzungszeiten in geschützten Bereichen, die eine Person, die mehr Zeit zur Navigation braucht, ausloggen, bevor sie ihren Vorgang abgeschlossen hat.

Was Sie sich merken sollten

• Barrierefreiheit ist nicht nur öffentlichen Websites vorbehalten: Sie erweitert das tatsächliche Publikum und verbessert die Erfahrung aller Besucher, auch unter erschwerten Bedingungen (Sonne, langsame Verbindung, gesprungener Bildschirm).
• Fünf Punkte decken das Wesentliche ab: Kontrast, Tastaturnavigation, Textalternativen, Überschriftenstruktur, beschriftete Formulare.
• Automatisierte Tools (WAVE, Axe) geben eine erste kostenlose, aber unvollständige Diagnose; ein manueller Tastaturtest zeigt Probleme auf, die sie nicht erkennen.
• Von Anfang an integriert, kostet Barrierefreiheit wenig; nachträglich auf einer schlecht strukturierten Website korrigiert, kann sie eine kostspielige Teilüberarbeitung erfordern.
• Die gesetzlichen RGAA-Pflichten betreffen heute den öffentlichen Sektor, weiten sich aber schrittweise über die europäische Richtlinie zur Barrierefreiheit auf den privaten Sektor aus.

Häufig gestellte Fragen

Ist der RGAA für meine Website verpflichtend? Der RGAA ist eine gesetzliche Pflicht für öffentliche Dienste und bestimmte Einrichtungen mit einem öffentlichen Auftrag. Für ein klassisches privates Unternehmen besteht heute keine direkte Verpflichtung, aber die europäische Richtlinie zur Barrierefreiheit weitet diese Anforderungen schrittweise auf mehr private Akteure aus, je nach Branche und Größe.

Kostet eine barrierefreie Website mehr in der Erstellung? Von Anfang an integriert, sind die Mehrkosten in der Regel gering: korrekter Kontrast, logische Überschriftenstruktur, Textalternativen bei Bildern sind gute Praktiken, die eine Entwicklung nicht wesentlich verlängern. Es ist die nachträgliche Konformitätsanpassung einer bereits gebauten Website, die teuer ist, da sie oft eine Überarbeitung der Codestruktur erfordert.

Wie erfahre ich, ob meine Website barrierefrei ist? Kostenlose Tools wie WAVE oder die Erweiterung Axe geben eine erste automatisierte Diagnose, erkennen aber nur einen Teil der Probleme (laut gängigen Branchenschätzungen etwa ein Drittel). Ein vollständiger RGAA-Audit erfordert manuelle Tests, insbesondere die Navigation per Tastatur und mit einem Screenreader.

Welches Konformitätsniveau sollte man anstreben? Der RGAA unterscheidet mehrere Konformitätsstufen, berechnet anhand einer Stichprobe getesteter Seiten nach mehr als hundert Kriterien. Für eine private Website ohne gesetzliche Verpflichtung deckt das Anvisieren der wesentlichen Punkte (Kontrast, Tastatur, Textalternativen, Struktur) bereits die Mehrheit der tatsächlichen Nutzerbedürfnisse ab.

Zusammenfassung

Barrierefreiheit lässt sich im Vorfeld besser behandeln als in der Nachbesserung. Wenn Sie eine Neugestaltung starten, fordern Sie ausdrücklich einen konformen Kontrast, eine funktionierende Tastaturnavigation und Textalternativen bereits bei der Lieferung: Das sind Kriterien, die zur normalen Konzeptionsarbeit gehören, keine zusätzlich berechnete Option. Das deckt standardmäßig die VeryAppi-Website-Formel ab, ohne separaten Audit-Auftrag.