Formulare scheitern an fehlenden Labels
Ohne Beschriftungen und Fehlermeldungen können Screenreader-Nutzer Formulare nicht ausfüllen – und du verlierst Anfragen.
Leistungen · Webdesign
Barrierefreies Webdesign
Barrierefreies Webdesign orientiert an WCAG 2.2: damit mehr Menschen deine Seite nutzen können – und Formulare, Kontraste und Tastaturbedienung nicht scheitern.
- Standard
- WCAG 2.2, Stufe AA
- Rechtsrahmen
- BFSG seit 28.06.2025
- Vorgehen
- Audit oder Direkt-Build
- Prüfung
- Manuell und mit Tools
Barrierefreiheit ist Qualität – und für manche Angebote Pflicht.
Barrierefreie Websites funktionieren für Menschen mit Seh-, Hör-, Motorik- oder Konzentrationseinschränkungen – und für alle, die mit Sonnenlicht auf dem Handy, nur mit Tastatur oder in Eile unterwegs sind. Sie sind meist auch besser strukturiert, schneller und suchmaschinenfreundlicher.
Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG) für bestimmte digitale Produkte und Dienstleistungen, unter anderem für Online-Shops (B2C). Für Kleinstunternehmen mit Dienstleistungen gibt es Ausnahmen. Ob und wie das BFSG dich betrifft, klärst du am besten mit rechtlicher Beratung – ich liefere die technische Umsetzung.
Kommt dir das bekannt vor?
Kontraste sind zu schwach
Hellgrauer Text auf weißem Grund liest sich schlecht, besonders bei Sonnenlicht oder Sehschwäche. Die Mindestvorgaben sind messbar.
Die Seite lässt sich nicht mit der Tastatur bedienen
Wenn Menüs, Dialoge oder Slider nur per Maus funktionieren, sind sie für viele Nutzer unbrauchbar.
Das setze ich um
Semantische Struktur
Saubere Überschriftenebenen, Landmarks und Listen, damit Screenreader die Seite sinnvoll vorlesen.
Kontraste & Lesbarkeit
Textkontrast mindestens 4,5:1 (große Schrift 3:1), skalierbare Schrift und ausreichender Zeilenabstand.
Tastatur & Fokus
Alle Funktionen per Tastatur erreichbar, sichtbarer Fokus, Skip-Links und logische Reihenfolge.
Formulare
Labels, Fehlermeldungen, Hinweise und Autovervollständigung, die auch ohne Maus und Sicht funktionieren.
Bilder, Medien & Motion
Sinnvolle Alt-Texte, Untertitel für Video, reduzierte Bewegung für Nutzer, die das einstellen.
Prüfung & Dokumentation
Manuelle Tests plus Tools, dokumentierte Ergebnisse und Hinweise für deine Redaktion.
Was WCAG 2.2 konkret bedeutet
Vier Prinzipien
WCAG ordnet Anforderungen in vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust. Stufe AA ist der übliche Zielstandard und wird auch in der europäischen Norm EN 301 549 referenziert.
Neu in WCAG 2.2
Die Version 2.2 ergänzt unter anderem Mindestgrößen für Klickflächen (24 × 24 CSS-Pixel), dass der Fokus nicht verdeckt werden darf, und Erleichterungen bei Anmeldung und Dragging-Gesten. Diese Punkte plane ich von Beginn an ein.
Warum es sich lohnt
Barrierefreiheit verbessert Nutzbarkeit für alle: klare Struktur, lesbare Texte, verlässliche Bedienung. Das wirkt sich auch auf Absprungraten und Conversion aus, und viele Maßnahmen helfen der Suchmaschinenoptimierung (saubere Überschriften, Alt-Texte, Struktur).
Grenzen ehrlich benannt
Eine formale Zertifizierung ist ein eigener Schritt durch externe Prüfstellen. Ich bereite die technische Basis vor und teste nach WCAG-Kriterien, gebe aber keine Rechtsberatung und keine Garantie für behördliche Konformität.
So gehe ich vor
-
Ist-Analyse oder Anforderungsklärung 1 Woche
Bei bestehenden Seiten: Audit mit typischen Barrieren. Bei neuen Projekten: Anforderungen und Zielstandard festlegen.
-
Priorisieren 2–3 Tage
Maßnahmen nach Auswirkung sortieren: Was blockiert Nutzer, was ist Verbesserung?
-
Umsetzung 2–4 Wochen
Anpassung von Struktur, Design und Code – oder Direkt-Build nach WCAG-Prioritäten.
-
Tests 1 Woche
Manuelle Tests (Tastatur, Screenreader, Zoom) und automatische Prüfungen.
-
Übergabe 2–3 Tage
Dokumentation der Ergebnisse, Hinweise für Redaktion (Alt-Texte, Überschriften) und Empfehlungen für Prüfstellen.
Für wen das relevant ist
Passt, wenn
- Du betreibst einen Online-Shop oder bietest Dienstleistungen an, die unter das BFSG fallen könnten.
- Du arbeitest für öffentliche, Bildungs- oder Gesundheitsnahe Zielgruppen.
- Dir ist Nutzerfreundlichkeit wichtig, auch unabhängig von Vorschriften.
Passt eher nicht, wenn
- Du erwartest ein Gütesiegel, ohne dass die Website inhaltlich angepasst wird.
- Du möchtest eine rechtliche Bewertung deiner Pflichten – das gehört in anwaltliche Beratung.
Fragen zu barrierefreiem Webdesign
Eine Website ist barrierefrei, wenn Menschen mit unterschiedlichen Einschränkungen sie wahrnehmen, bedienen und verstehen können – etwa mit Screenreader, Tastatur oder Vergrößerung. Maßstab ist meist WCAG, aktuell Version 2.2.
Seit dem 28. Juni 2025 gilt das BFSG für bestimmte Produkte und Dienstleistungen, u. a. Online-Shops für Verbraucher. Es gibt Ausnahmen, etwa für Kleinstunternehmen mit Dienstleistungen. Lass deine Situation rechtlich klären; ich unterstütze bei der technischen Umsetzung.
WCAG sind technische Richtlinien (Web Content Accessibility Guidelines). Das BFSG ist ein Gesetz, das festlegt, wer Barrierefreiheit umsetzen muss. Die technischen Anforderungen orientieren sich an europäischen Normen, die auf WCAG beruhen.
Das hängt vom Zustand der Seite ab. Ein Audit dauert meist wenige Tage; die Umsetzung je nach Umfang mehrere Wochen. Bei neuen Projekten ist Barrierefreiheit Teil der normalen Projektzeit.
Wird sie von Anfang an eingeplant, ist der Mehraufwand überschaubar. Nachträgliche Korrekturen sind teurer. Ein Audit schafft Klarheit, bevor du entscheidest.
Nein. Browser-Overlays können Probleme im Code nicht beheben und ersetzen keine saubere Umsetzung. Barrierefreiheit gehört in Struktur, Design und Code.
Warum es.design
01
Maßgeschneidert, nie von der Stange
Jede Website entsteht individuell für dein Unternehmen oder deine Person – keine Themes, keine Templates, kein 08/15. Gebaut mit Storyblok, Vercel und Supabase.
02
100 % persönlich
Eine Ansprechperson für Strategie, Design und Umsetzung – kein Account-Manager-Pingpong.
03
Festpreis, klarer Umfang
Du weißt vor dem Start, was du bekommst und was es kostet.
04
Lokal verwurzelt, digital überall
Studio im Odenwald, Projekte in der Region und darüber hinaus.
Bereit für ein erstklassiges Webprojekt?
Kostenloses 30-minütiges Erstgespräch – ohne Pitch-Deck, ohne Verpflichtung.
Erstgespräch buchen