Barrierefreiheit: was diese Seite kann und wo sie Grenzen hat

Was ich hier verspreche

Ich verlange in meinen Projekten, dass eine Website für alle bedienbar ist. Dann muss meine eigene das auch können. Das Ziel ist WCAG 2.2 in Stufe AA. Gemeint sind nicht nur Menschen mit starken Einschränkungen, sondern auch alle, die gerade die Brille nicht finden, in der Sonne aufs Handy schauen oder nur eine Hand frei haben.

Im November 2026 habe ich nachgemessen. Lighthouse zeigt bei Barrierefreiheit 100 von 100 für die Startseite, die Kontaktseite, die Leistung Barrierefreie Website und den Ratgeber zu WordPress. axe findet auf allen 20 öffentlichen Seiten keinen Verstoß, diese eingeschlossen. Beide Werkzeuge finden allerdings nur einen Teil der Hürden. Was sie nicht sehen, steht weiter unten bei den Grenzen.

So bedienst du diese Seite

• Tastatur: Der erste Link jeder Seite heißt „Zum Inhalt springen“. Wo du gerade bist, zeigt ein blauer Rahmen, 3 px breit.
• Bewegung: Oben im Kopf steht der Pausenknopf, im Fuß jeder Seite noch einmal als „Bewegung pausieren“. Deine Wahl bleibt in diesem Browser gespeichert und gilt für alle Seiten. Hast du im System „Bewegung reduzieren“ eingestellt, hält sich die Seite ohne Klick daran. Screenreader sagen nach dem Umschalten „Bewegung ist pausiert.“
• Lesen und Vergrößern: Die Schriftgrößen folgen deiner Einstellung im Browser. Auch bei 320 px Breite scrollt nichts seitlich.
• Kontrast: Jedes Farbpaar habe ich nachgerechnet. Der Fließtext erreicht auf dem Papiergrund 15,61 : 1, gefordert sind 4,5 : 1. Orange setze ich nie als kleine Schrift auf hellem Grund.
• Tippen: Knöpfe, Menü und Formularfelder sind mindestens 44 px groß, auch für dicke Daumen und kalte Finger.
• Formular: Jedes Feld hat eine sichtbare Beschriftung. Fehler stehen als Text am Feld und gesammelt oben, mit Links direkt zum Feld. Es gibt kein Rätsel und kein Bilderraten. Das Formular funktioniert auch ohne JavaScript.
• Links nach draußen: Sie tragen ein kleines Zeichen am letzten Wort und öffnen in einem neuen Tab. Screenreader hören dazu „externer Link, öffnet in neuem Tab“.
• Bilder: Jedes Bild hat einen Alternativtext. Reine Deko wie der Kaffeering ist für Screenreader ausgeblendet, damit sie dich nicht aufhält.
• Ohne JavaScript: Alle Texte stehen vollständig im HTML. Lesen kannst du jede Seite auch dann, wenn Skripte gesperrt sind.

Wo diese Seite Grenzen hat

Eine Erklärung ohne Grenzen glaube ich selbst nicht. Also hier die Stellen, die ich kenne:

• Handschrift: Notizen am Rand und kurze Zeilen über den Überschriften stehen in einer Handschrift. Die ist schwerer zu lesen als Druckschrift, gerade bei Leseschwäche. Was du für eine Entscheidung brauchst, steht deshalb immer auch im Fließtext.
• Der Faden auf der Startseite: Am Faden ziehen geht nur mit Maus oder Finger. Er ist reine Deko, es hängt kein Inhalt daran, und Screenreader überspringen ihn. Das Glücksrad daneben ist ein normaler Knopf und geht auch mit der Tastatur.
• Screenreader: Die Struktur habe ich mit axe und im Code geprüft. Einen Durchlauf mit VoiceOver, NVDA oder TalkBack habe ich noch nicht gemacht. Den ersetzt kein Werkzeug, deshalb ist mir jede Rückmeldung von dir viel wert.

Eine Hürde gefunden?

Dann schreib mir an office (at) digitalbohemian (Punkt) at oder über das Formular. Sag mir, auf welcher Seite es hakt und womit du unterwegs warst, also Gerät, Browser und gegebenenfalls Screenreader. Ich antworte persönlich, und was ich beheben kann, behebe ich.

Brauchst du einen Inhalt in einer anderen Form, etwa als einfachen Text, schick ich ihn dir.

Stand dieser Erklärung

Diese Erklärung schreibe ich freiwillig. Stand ist November 2026. Gemessen habe ich mit Lighthouse und axe, dazu mit automatischen Tests in Chromium und WebKit, am Desktop und in der Größe eines iPhones. Ändert sich an der Website etwas Grundlegendes, prüfe ich neu und passe diese Seite an.