Barrierefreiheit

Barrierefreie Website erstellen lassen

Ich baue Websites, die sich mit Tastatur, Bildschirmleser und großer Schrift bedienen lassen, nach WCAG 2.1 in der Stufe AA. Für Betriebe, die unter das Barrierefreiheitsstärkungsgesetz fallen, und für alle, die ihre Seite für jeden Kunden benutzbar machen wollen.

5,0 Sterne bei GoogleErster Entwurf kostenlosAntwort innerhalb von 24 Stunden

dienstleistungen-weinzierl.deStartseite von Dienstleistungen Weinzierl auf dem RechnerDienstleistungen Weinzierl →
WCAG 2.1 AADer Maßstab hinter dem BFSG
Erklärung inklusiveWas erfüllt ist, nach Paragraf 14 BFSG
Geprüft von HandNicht nur mit einem Werkzeug
Besser für alleLesbarer, schneller, klarer
Wer muss, wer kann

Betrifft das BFSG deine Website?

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Für viele kleine Betriebe ist die Antwort kürzer, als Abmahnschreiben vermuten lassen. Die Einordnung in 2 Spalten, ausführlich steht sie im Ratgeber.

Meistens nicht erfasst

  • Kleinstunternehmen mit weniger als 10 Beschäftigten und höchstens 2 Millionen Euro Umsatz oder Bilanzsumme, die Dienstleistungen anbieten
  • Reine Informationsseiten, die Betrieb, Leistungen und Kontaktweg zeigen
  • Anfrageformular, Rückrufwunsch oder WhatsApp Knopf ohne Vertragsabschluss auf der Seite

Erfasst, wenn kein Kleinstunternehmen

  • Onlineshop oder Bestellstrecke für Verbraucher
  • Verbindliche Onlinebuchung oder Terminbuchung, etwa in Praxen, Studios oder Werkstätten
  • Verträge, die Verbraucher direkt auf der Seite abschließen, zum Beispiel eine Mitgliedschaft

Muss meine Website barrierefrei sein? Der ausführliche Ratgeber →

Umsetzung

Was ich konkret umsetze

Barrierefreiheit entsteht im Aufbau der Seite, nicht in einer Schicht darüber. Deshalb plane ich sie von Anfang an mit, statt sie am Ende anzukleben.

Kontraste

Text hebt sich mindestens im Verhältnis 4,5 zu 1 vom Hintergrund ab. Grau auf Weiß ist der häufigste Fehler überhaupt.

Klare Struktur

Genau 1 Hauptüberschrift, darunter eine saubere Reihenfolge. Bildschirmleser springen über Überschriften durch die Seite.

Tastatur und Fokus

Jeder Knopf und jedes Menü ist ohne Maus erreichbar, und man sieht immer, wo man gerade ist.

Alternativtexte

Jedes Bild mit Inhalt bekommt eine Beschreibung. Reine Dekoration wird für Bildschirmleser ausgeblendet.

Formulare

Jedes Feld mit echter Beschriftung, Fehlermeldungen, die sagen, was fehlt, und die vorgelesen werden.

Bewegung abschaltbar

Wer im Betriebssystem weniger Bewegung eingestellt hat, bekommt eine ruhige Seite ohne Animationen.

Der Beweis

Diese Website ist selbst der Test

Webdesign Schinck erreicht im Lighthouse Test von Google bei Barrierefreiheit 100 von 100 Punkten, auf dem Handy und am Rechner. Die Kontraste prüfe ich per Skript auf allen Seiten in 4 Bildschirmbreiten, jede Seite hat genau 1 Hauptüberschrift, und das Formular meldet Fehler so, dass Bildschirmleser sie vorlesen.

95,9 Prozent mit Fehlern

Die WebAIM Million hat im Februar 2026 die Startseiten der 1 Million meistbesuchten Websites geprüft. Fast alle hatten erkennbare Verstöße, im Schnitt 56,1 pro Seite.

Ein Werkzeug reicht nicht

Automatische Tests finden nur einen Teil der Fehler. Tastaturbedienung, sinnvolle Alternativtexte und verständliche Sprache prüft ein Mensch.

Ablauf

Neue Seite oder bestehende nachrüsten

Bei einer neuen Website ist Barrierefreiheit von Anfang an Teil der Planung. Eine bestehende Seite prüfe ich zuerst und sage dir, ob sich Nachrüsten lohnt oder ein barrierefreier Relaunch der ehrlichere Weg ist.

  1. 1

    Prüfung

    Automatischer Test aller Seiten, dazu Tastatur, Bildschirmleser und Zoom von Hand.

  2. 2

    Bericht

    Was fehlt, sortiert nach Wichtigkeit, in verständlicher Sprache statt Normnummern.

  3. 3

    Umsetzung

    Kontraste, Struktur, Formulare, Bilder und Bedienung, Seite für Seite.

  4. 4

    Erklärung

    Erklärung zur Barrierefreiheit auf der Seite und eine Nachprüfung zum Schluss.

Finger weg von Overlay Plugins

Die kleinen Symbole, die eine Leiste mit Schriftgröße und Kontrast über die Seite legen, lösen das Problem meistens nicht. Die WebAIM Auswertung findet auf Seiten mit viel automatisch ergänztem Code sogar mehr Fehler. Ich baue so etwas nicht ein.

Häufige Fragen

Barrierefreiheit, kurz beantwortet

Muss meine Website barrierefrei sein?
Wenn du ein Kleinstunternehmen bist und Dienstleistungen anbietest, nach heutigem Stand meistens nicht. Anders ist es, wenn Verbraucher auf deiner Seite einen Vertrag schließen können, etwa über einen Shop oder eine verbindliche Onlinebuchung, und dein Betrieb 10 oder mehr Beschäftigte hat oder mehr als 2 Millionen Euro Umsatz und Bilanzsumme. Das ist keine Rechtsberatung, im Zweifel fragst du einen Anwalt. Der ausführliche Ratgeber zum BFSG →
Kostet eine barrierefreie Website mehr?
Wenn sie von Anfang an so geplant wird, kaum. Die meisten Punkte sind einfach sauberes Handwerk. Teurer wird es, wenn eine fertige Seite nachgerüstet werden muss, weil dann Struktur und Gestaltung angefasst werden. Ein festes Angebot bekommst du nach einem kurzen Gespräch.
Kannst du meine bestehende Website barrierefrei machen?
Oft ja. Ich prüfe sie zuerst und sage dir, was fehlt. Liegen die Fehler vor allem bei Kontrasten, Texten und Formularen, lohnt sich Nachrüsten. Ist der Aufbau grundsätzlich schwierig, ist ein barrierefreier Relaunch meist günstiger als Flickwerk. Wie ein Relaunch abläuft →
Reicht ein Barrierefreiheits Plugin?
In aller Regel nicht. Solche Werkzeuge ändern die Oberfläche, aber nicht den Aufbau darunter. Genau dort sitzen die meisten Fehler.
Garantierst du, dass meine Seite rechtssicher ist?
Nein, das kann seriös niemand, der kein Anwalt ist. Ich setze die technischen Anforderungen nach WCAG 2.1 in der Stufe AA um und dokumentiere das in der Erklärung zur Barrierefreiheit. Die rechtliche Einordnung deines Betriebs gehört in juristische Hände.

Stand Oktober 2026. Diese Seite ersetzt keine Rechtsberatung.

Soll deine Website für alle funktionieren?

Schick mir die Adresse deiner Seite. Ich sage dir, wo sie steht und was zu tun wäre, ohne Panikmache.

WhatsApp