Barrierefreiheit prüfen: erste Tests für Ihre Webseite

Ob sich Ihre Webseite auch mit eingeschränktem Sehvermögen, allein über die Tastatur oder mit einem Screenreader gut nutzen lässt, können Sie mit wenigen Tests im Browser bereits selbst einschätzen. Die Web Accessibility Initiative des W3C hat dafür die sogenannten Easy Checks entwickelt, mit denen sich in kurzer Zeit die Grundlagen der Barrierefreiheit einer Seite beurteilen lassen. Im Mittelpunkt stehen Seitentitel und Alternativtexte, Überschriften und Kontraste sowie die Vergrößerung von Text, die Bedienung per Tastatur und die Gestaltung von Formularen.

Die Prüfungen setzen kein Fachwissen voraus und lassen sich auf jede Webseite anwenden, verstehen sich jedoch als erste Orientierung und nicht als vollständige Bewertung. Auch eine Seite, die alle Easy Checks besteht, kann noch erhebliche Barrieren enthalten, denn die Tests konzentrieren sich bewusst auf häufige Mängel. Für viele Onlineshops und Buchungsstrecken zählt Barrierefreiheit seit Juni 2025 zu den gesetzlichen Pflichten, sodass sich eine erste Bestandsaufnahme gerade dort empfiehlt.

Barrierefreiheit prüfen: Seitentitel, Bilder und Überschriften

Ein guter Ausgangspunkt ist der Seitentitel, der im Tab des Browsers erscheint und den Screenreader beim Aufruf einer Seite vorlesen. Empfehlenswert ist für jede Seite ein eigener Title-Tag, der den Inhalt knapp und treffend benennt und sich von den Titeln Ihrer übrigen Seiten unterscheidet. Bewährt hat sich, die tragenden Begriffe an den Anfang zu stellen, also etwa „Leistungen | Malerbetrieb Muster“ statt „Herzlich willkommen auf der Webseite des Malerbetriebs Muster“.

Jedes inhaltlich bedeutsame Bild benötigt einen Alt-Text, der im jeweiligen Zusammenhang dieselbe Information vermittelt wie das Bild selbst. Übernimmt ein Bild die Aufgabe einer Schaltfläche wie die Lupe einer Suchfunktion, beschreibt der Alt-Text die Funktion und lautet „Suchen“ statt „Lupe“, und auch Schrift im Bild wie der Schriftzug eines Logos findet darin Platz. Zusätze wie „Bild von“ oder „Link“ sind entbehrlich, da Screenreader diese Angaben selbst ankündigen. Rein schmückende Bilder, die der Seite keine Information hinzufügen, erhalten dagegen ein leeres Attribut alt.

Ebenso wichtig ist eine klare Gliederung mit mindestens einer Überschrift je Seite. Was optisch als Überschrift erscheint, ist auch im Code als solche ausgezeichnet, und umgekehrt bleibt diese Auszeichnung echten Abschnittstiteln vorbehalten. Idealerweise eröffnet eine Überschrift der ersten Ebene die Seite in Anlehnung an den Seitentitel, und die weiteren Ebenen folgen ohne Sprünge aufeinander. Sichtbar machen die Gliederung ein Prüfwerkzeug für Barrierefreiheit im Browser oder der Validator des W3C mit seiner Ansicht der Dokumentstruktur.

Kontraste und Textvergrößerung testen

Für normalen Text sehen die Richtlinien für barrierefreie Webinhalte einen Kontrast von mindestens 4,5 zu 1 gegenüber dem Hintergrund vor, für große Schrift ab 18 Punkt oder ab 14 Punkt in Fettdruck genügt ein Verhältnis von 3 zu 1. Am Bildschirm entspricht das ungefähr 24 Pixeln beziehungsweise 18,5 Pixeln in fetter Schrift. Ermitteln lässt sich der Kontrast mit einem Kontrastprüfer, der Text- und Hintergrundfarbe wie mit einer Pipette aufnimmt und das Verhältnis berechnet, während eine Ansicht in Graustufen offenlegt, ob Informationen allein an der Farbe hängen. Schriftzüge in Logos sind von der Anforderung ausgenommen, Texte in den Farben Ihres Unternehmens hingegen nicht, weshalb Farben und Kontraste idealerweise schon im Webdesign aufeinander abgestimmt werden.

Für die Prüfung der Vergrößerung stellen Sie im Browser ausschließlich den Text auf 200 Prozent, in Firefox etwa über Ansicht › Zoom › Nur Text zoomen, während Chrome dafür eine Erweiterung benötigt. Dabei sollte der gesamte Text mitwachsen und vollständig lesbar bleiben, ohne abgeschnitten zu werden oder sich mit Bildern und anderen Inhalten zu überlagern. Schaltflächen und Formularfelder bleiben sichtbar und bedienbar, und Sätze lassen sich ohne seitliches Scrollen erfassen.

Bedienung mit der Tastatur prüfen

Für den Test der Tastaturbedienung legen Sie die Maus zur Seite, setzen den Cursor einmal in die Adressleiste und bewegen sich anschließend mit der Tabulatortaste vorwärts und mit Umschalt und Tab zurück durch die Seite. Innerhalb von Auswahllisten und Menüs wechseln Sie mit den Pfeiltasten und bestätigen Ihre Wahl mit Enter oder der Leertaste. Auf dem Mac aktivieren Sie zuvor in den Tastatureinstellungen die Bedienung aller Steuerelemente, unter Windows entfällt dieser Schritt.

Erreichbar sein sollten sämtliche Links, Formularfelder und Schaltflächen ebenso wie die Bedienelemente eines Videoplayers, wobei sich jedes dieser Elemente mit der Tabulatortaste auch wieder verlassen lässt. Die Reihenfolge folgt dem natürlichen Lesefluss der Seite, und die aktuelle Position bleibt durch einen Rahmen oder eine farbige Hervorhebung jederzeit deutlich erkennbar. Ausklappende Menüs und andere Funktionen für das Überfahren mit der Maus stehen ebenso über die Tastatur zur Verfügung, und in Auswahllisten lösen die Pfeiltasten beim Durchblättern noch keine Aktion aus.

Formulare und bewegte Inhalte prüfen

In Formularen trägt jedes Feld eine sichtbare Beschriftung, die bei Textfeldern und Auswahllisten links und bei Kästchen zum Ankreuzen rechts daneben steht. Pflichtfelder sind durch ein Sternchen oder einen Hinweis in der Beschriftung gekennzeichnet und nicht allein durch eine Farbe, und Hinweise zum erwarteten Format eines Datums erscheinen bereits vor dem Ausfüllen. Um die Fehlermeldungen zu prüfen, senden Sie das Formular einmal mit leeren Pflichtfeldern und einmal mit einer falsch formatierten Eingabe ab. Gelungene Fehlermeldungen benennen den nötigen Korrekturschritt konkret, lassen sich leicht auffinden und bewahren die bereits ausgefüllten Angaben.

Automatisch ablaufende Karussells, Newsticker und Animationen mit mehr als fünf Sekunden Dauer lassen sich anhalten oder ausblenden, und kein Element der Seite blinkt häufiger als dreimal pro Sekunde. Videos mit Ton erhalten sorgfältig erstellte Untertitel, die neben dem genauen Wortlaut auch die sprechenden Personen und wichtige Geräusche wiedergeben, da automatisch erzeugte Untertitel dafür zu ungenau sind. Startet Ton von selbst, verstummt er nach spätestens drei Sekunden oder lässt sich anhalten und leiser stellen.

Grenzen der ersten Tests und nächste Schritte

Einen aufschlussreichen Eindruck vermittelt außerdem die Ansicht ohne Bilder und Stylesheets, die der Reihenfolge eines Screenreaders nahekommt. Die Inhalte ergeben auch dann in ihrer Abfolge Sinn, und jede Überschrift steht über dem Text, zu dem sie gehört. An die Stelle der Bilder treten in dieser Ansicht ihre Alternativtexte, und jeder Inhaltsblock lässt sich an einer klaren Überschrift erkennen.

Jeden Befund halten Sie am besten mit der Adresse der Seite, dem betroffenen Element und einer kurzen Beschreibung fest, damit sich die Barrieren anschließend gezielt beheben lassen. Da die Easy Checks nur einen Ausschnitt möglicher Barrieren erfassen, verlangen etwa Linktexte und die Auszeichnung von Datentabellen ebenso eine gründlichere Prüfung wie Informationen, die allein über Farbe vermittelt werden. Für eine umfassende Bewertung beschreibt das W3C ein eigenes Prüfverfahren, und empfehlenswert ist darüber hinaus, Menschen mit Behinderungen in die Prüfung einzubeziehen.

Unser Tipp: Neben der Startseite verdienen vor allem die Seiten Ihre Aufmerksamkeit, über die Anfragen und Bestellungen eingehen, also Kontaktformular, Warenkorb und Bestellabschluss. Gehen Sie diese Strecke von der Startseite bis zur Bestätigung einmal vollständig mit der Tastatur durch und notieren Sie jede Stelle, an der Sie stocken oder die aktuelle Position aus den Augen verlieren. An genau diesen Stellen entscheidet sich, ob eine Anfrage oder Bestellung Sie tatsächlich erreicht.

Bei den Webseiten, die wir gestalten, gehören gut lesbare Kontraste und eine klare Gliederung ebenso wie beschriftete Formulare und eine vollständige Bedienung per Tastatur von Beginn an zum Konzept unseres Webdesigns. Gern prüfen wir auch Ihre bestehende Webseite mit diesen Tests, dokumentieren die Befunde verständlich und beheben die Barrieren anschließend für Sie. Sprechen Sie uns gern an, wenn Sie den heutigen Stand Ihrer Webseite erfahren möchten.

Fazit

Erste Tests zur Barrierefreiheit gelingen ohne Fachwissen direkt im Browser und machen typische Barrieren einer Webseite sichtbar. Zu ihnen gehören ein eindeutiger Seitentitel, treffende Alternativtexte und eine lückenlose Gliederung durch Überschriften sowie ein Kontrast von mindestens 4,5 zu 1 für normalen und 3 zu 1 für großen Text. Bei einer Textgröße von 200 Prozent bleibt die Seite vollständig lesbar und bedienbar, ohne seitliches Scrollen zu erfordern.

Über die Tastatur ist jedes Element in sinnvoller Reihenfolge und mit deutlich sichtbarer Position erreichbar, und Formulare verfügen über Beschriftungen, gekennzeichnete Pflichtfelder und verständliche Fehlermeldungen. Bewegte Inhalte lassen sich anhalten, und Videos sind mit genauen Untertiteln versehen. Da die Tests nur einen Ausschnitt möglicher Barrieren erfassen, folgt auf sie idealerweise eine gründlichere Prüfung unter Beteiligung von Menschen mit Behinderungen.

Stand: 11. November 2026. Die Angaben beruhen auf den „Easy Checks – A First Review of Web Accessibility“ der Web Accessibility Initiative des W3C in der Fassung vom 9. August 2023 und auf den Erläuterungen zum Erfolgskriterium 1.4.3 der WCAG 2.2 in der Fassung vom 4. Oktober 2026.