Barrierefreiheit-Wissen
Nicht jeder sieht, hört oder bedient einen Bildschirm gleich. Diese Seite zeigt, wie verschieden das Netz benutzt wird, welche Regeln und Gesetze dafür gelten und woran man eine zugängliche Seite erkennt. Das meiste davon kannst du gleich hier mit der Tastatur ausprobieren.
Wie das Netz benutzt wird
Mit Bildschirmleser
Ein Programm liest vor, was auf dem Bildschirm steht – etwa NVDA oder JAWS unter Windows und VoiceOver bei Apple. Auch andere Handys bringen einen eigenen mit. Es braucht Überschriften, beschriftete Knöpfe und Bildbeschreibungen. Viele springen damit von Überschrift zu Überschrift, so wie andere mit den Augen über eine Seite fliegen.
Nur mit der Tastatur
Wer keine Maus benutzen kann, springt mit der Tabulatortaste von Element zu Element. Jedes Bedienelement muss so erreichbar sein – und man muss sehen, wo man steht. Dasselbe brauchen Menschen, die mit einem Schalter, einer Mundmaus oder der Sprache steuern, denn diese Hilfen tun oft nichts anderes, als Tastendrücke zu schicken.
Mit Vergrößerung
Wer schlecht sieht, vergrößert die Seite stark. Sie darf dabei nicht zerbrechen und nichts abschneiden. Bei 200 % hat ein Bildschirm nur noch halb so viel Platz – eine gute Seite ordnet sich dann um wie auf einem Handy, statt zur Seite aus dem Bild zu laufen.
Mit Farbsehschwäche
Rot und Grün sind oft schwer zu unterscheiden. Eine Information darf nie nur in einer Farbe stecken. Ein Fehlerfeld braucht deshalb neben dem roten Rahmen einen Satz, der sagt, was fehlt. Mehr dazu, wie Farben gesehen werden, steht im Farben-Wissen.
Ohne Ton
Wer nicht hört, braucht Untertitel oder eine Textfassung. Das gilt auch für kleine Töne: Ein Klang, der nur bestätigt, dass etwas geklappt hat, braucht ein sichtbares Gegenstück. Und viele schauen Videos ohne Ton, einfach weil sie in der Bahn sitzen.
Mit wenig Bewegung
Manchen Menschen wird von Animationen schwindlig. Betriebssysteme bieten deshalb „Bewegung reduzieren“ an – eine Seite sollte das beachten. Die Seite liest die Einstellung selbst aus, man muss sie nicht noch einmal suchen. Wichtig ist, dass danach alles fertig dasteht und nichts fehlt, was sonst eingeblendet würde.
Regeln und Gesetze
WCAG
Die Richtlinien für barrierefreie Webinhalte des W3C, aktuell in Fassung 2.2 von 2023. Sie beschreiben, was eine Seite wahrnehmbar, bedienbar, verständlich und robust macht. Die WCAG sind selbst kein Gesetz, aber Gesetze verweisen auf sie – darum sind sie der gemeinsame Maßstab.
In der EU
Der European Accessibility Act verlangt Barrierefreiheit für viele Produkte und Dienste. Er ist eine Richtlinie: Jedes Mitgliedsland setzt ihn in eigenes Recht um. So gelten in der ganzen EU ähnliche Anforderungen, auch wenn das Gesetz in jedem Land anders heißt.
In Deutschland
Das Barrierefreiheitsstärkungsgesetz setzt ihn um und gilt seit dem 28. Juni 2025 – etwa für Online-Shops, Bankdienste und E-Books. Ganz kleine Unternehmen, die Dienstleistungen anbieten, sind ausgenommen. Aerona richtet sich unabhängig davon nach der eigenen Regel 25.
Drei Stufen, vier Grundsätze
Die WCAG ordnen jede Anforderung einem von vier Grundsätzen zu und geben ihr eine Stufe. Wer eine Stufe erfüllen will, muss auch alle darunter erfüllen. Gesetze verlangen meist AA. Für AAA rät das W3C selbst davon ab, sie für ganze Webseiten zur Pflicht zu machen, weil manche Inhalte sie gar nicht erfüllen können.
| Stufe | was sie bedeutet | ein Beispiel |
|---|---|---|
| A | das Mindeste – ohne sie ist eine Seite für manche gar nicht benutzbar | Bilder, die etwas zeigen, haben einen Alternativtext |
| AA | die übliche Messlatte, auf die sich Gesetze meist beziehen | Fließtext hat mindestens 4,5 : 1 Kontrast |
| AAA | die höchste Stufe, für ganze Seiten oft nicht erreichbar | Fließtext hat mindestens 7 : 1 Kontrast |
Wahrnehmbar
Man kann die Information aufnehmen, egal mit welchem Sinn: sehen, hören oder tasten. Dazu gehören Alternativtexte, Untertitel und genug Kontrast.
Bedienbar
Alles lässt sich bedienen, auch ohne Maus und ohne Zeitdruck. Dazu gehört auch, dass nichts so schnell blinkt, dass es einen Anfall auslösen kann.
Verständlich
Texte und Abläufe sind klar, Fehler werden erklärt. Eine Seite verhält sich vorhersehbar: Ein Knopf, der überall gleich aussieht, tut auch überall dasselbe.
Robust
Hilfsprogramme wie Bildschirmleser können die Seite zuverlässig auslesen. Dafür muss das HTML sauber sein und jedes Bedienelement sagen, was es ist und in welchem Zustand.
Gleich hier ausprobieren
Wie sich eine Seite ohne Maus anfühlt, merkt man in einer Minute. Wer es einmal versucht hat, sieht danach jede Seite mit anderen Augen. Auf dieser Webseite geht das so:
- Neu anfangen. Die Seite neu laden, etwa mit F5. Nicht in die Seite klicken – ein Klick verlegt den Startpunkt der Tastatur.
- Einmal Tab drücken. Oben links erscheint „Zum Inhalt springen“. Den Link sieht nur, wer mit der Tastatur kommt.
- Enter drücken. Der Fokus springt über Kopfleiste und Menü hinweg direkt zum Inhalt.
- Weiter mit Tab. Jedes Ziel zeigt einen sichtbaren Rahmen. Mit Umschalt + Tab geht es zurück. Enter öffnet einen Link, die Leertaste drückt einen Knopf, und Escape schließt ein offenes Fenster.
Ohne diesen Link müsste man sich auf jeder Seite erst durch die ganze Kopfleiste tabben – gemessen sind das rund 280 Ziele. Nachgezählt am 25.09.2026 steht der Link auf allen 142 Seiten mit Inhalt. Ob wirklich jedes Ziel einen sichtbaren Rahmen hat, prüft ein Werkzeug auf allen Seiten: Wie Aerona sich selbst prüft.
Was eine Seite dafür braucht
Die Grundlagen
- echte Überschriften in der richtigen Reihenfolge – sie sind das Inhaltsverzeichnis für Bildschirmleser
- Knöpfe, die Knöpfe sind – nicht nur anklickbare Flächen, die mit der Tastatur niemand erreicht
- Beschreibungen für Bilder, die etwas zeigen; reiner Schmuck bekommt eine leere
- genug Kontrast, in hellem und dunklem Modus
- sichtbarer Fokus, damit man weiß, wo man steht
- die Sprache der Seite angegeben, damit richtig vorgelesen wird
- nichts, das nach Sekunden verschwindet, bevor man es lesen konnte
Nichts davon ist teuer, wenn man es von Anfang an einbaut. Teuer wird es, wenn eine fertige Seite nachträglich umgebaut werden muss.
Feste Werte statt Gefühl
Ob etwas gut lesbar und bedienbar ist, lässt sich messen. Diese Werte nennt die Aerona-Regel zur Barrierefreiheit. Mit einer festen Zahl wird aus „ich finde, das ist lesbar“ eine Frage, die sich mit Ja oder Nein beantworten lässt.
Kontrast für Fließtext, mindestens
Kontrast für große Schrift und Bedienelemente
Zoom, ohne dass etwas verloren geht
Pixel für eine Klickfläche, mindestens
Mal pro Sekunde darf etwas höchstens blinken
Was Kontrast heißt
Das Helligkeitsverhältnis zwischen Schrift und Hintergrund. Es reicht von 1 : 1 bis 21 : 1, das ist Schwarz auf Weiß. Die beiden Werte oben entsprechen der Stufe AA der WCAG. Nachrechnen lässt sich das mit zwei Farbwerten; wie, zeigt das Farben-Wissen.
Glas braucht eine Deckschicht
Durchscheinende Flächen sind der natürliche Feind des Kontrasts. Steht Text auf Foto, Verlauf oder Glas, verlangt die Aerona-Regel deshalb eine abdunkelnde oder aufhellende Zwischenlage. Ohne sie hinge die Lesbarkeit davon ab, was zufällig dahinter liegt.
Selbst prüfen in vier Durchgängen
Keiner dieser Durchgänge braucht ein Werkzeug. So verlangt es die Aerona-Regel – und so lässt sich jede Seite prüfen, auch eine fremde. Zusammen dauern sie für eine Seite nur Minuten.
- Ohne Maus. Komplett mit der Tastatur, der Fokus ist immer sichtbar. Achte darauf, ob die Reihenfolge der Lesereihenfolge folgt und ob etwas nur beim Überfahren mit der Maus erscheint.
- Auf 200 % gezoomt. Nichts ist abgeschnitten, nichts überlappt. Mit Strg und Plus geht das in jedem Browser; ein Scrollbalken zur Seite ist schon ein Befund.
- Mit abgeschalteter Bewegung. Alles ist noch verständlich und vollständig. Was sonst eingeblendet wird, muss dann fertig dastehen.
- Hell und dunkel. Die Kontraste sind in beiden Modi gemessen, nicht geschätzt. Ein Grau, das auf Weiß reicht, kann auf Schwarz untergehen.
Wie Aerona diese Durchgänge auf der eigenen Webseite zusätzlich mit Werkzeugen wiederholt, steht auf Barrierefreiheit.
„Aerona ist exklusiv im Look und inklusiv in der Nutzbarkeit.“
Aerona-Regel 25, Barrierefreiheit
Auf dieser Webseite selbst einstellen
- Einstellungen öffnen. Der Knopf mit den Schiebereglern steht in der Kopfleiste, auf dem Handy im Menü. Das Fenster öffnet sich, und der Fokus springt hinein.
- Bewegung abschalten. Unter „Bewegung & Pixel“ den Schalter „Animationen reduzieren“ einschalten. Übergänge und Aufbauten entfallen dann. Das geht, ohne im Betriebssystem etwas umzustellen.
- Schrift anpassen. Unter „Lesen“ die Schriftgröße wählen: Klein, Normal oder Groß. Ganz oben im Fenster stellt „Leichter lesen“ mit einem Schalter Größe, Abstände und Textbreite auf einmal um.
- Schließen. Mit der Escape-Taste oder dem Kreuz oben im Fenster. Die Wahl gilt sofort und auch beim nächsten Besuch.
Bildschirmleser sagen die Schalter als Schalter an. Die Schriftgröße lässt sich mit den Pfeiltasten wählen. Alles bleibt in diesem Browser, nichts davon verlässt das Gerät. Was das Fenster sonst noch kann, steht auf Barrierefreiheit.
