Zum Inhalt springen
GROSSBYTE
$ npx @axe-core/cli deine-seite.de

BarrierefreieWebsites & Shops

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Ich prüfe deine Website oder deinen Onlineshop, zeige dir, was fehlt, und setze die Barrierefreiheit technisch um – sauber im Code, nicht per Overlay-Plugin.

Projekt anfragen
$ ls services/a11y/

Was ich mache

Vom ersten Check bis zur umgesetzten, dokumentierten Barrierefreiheit – für neue und bestehende Websites.

Barrierefreiheits-Audit

Automatisierte Tests plus manuelle Prüfung mit Tastatur und Screenreader nach WCAG 2.2 AA. Du bekommst eine priorisierte Liste mit konkreten Maßnahmen statt eines 80-seitigen PDFs.

Nachbessern bestehender Seiten

Ich setze die Maßnahmen direkt im Code um – in Vue/Nuxt, Laravel, Shopware oder anderen Systemen. Kontraste, Formulare, Navigation, Fokus und Alternativtexte.

Barrierefreie Onlineshops

Onlineshops sind vom BFSG besonders betroffen. Produktsuche, Warenkorb und Checkout müssen ohne Maus und mit Screenreader funktionieren – genau dort setze ich an.

Tastatur & Screenreader

Logische Fokus-Reihenfolge, sichtbare Fokus-Stile, Skip-Links, korrekte ARIA-Attribute und semantisches HTML – damit die Seite für alle bedienbar ist.

Kontrast- & Systemeinstellungen

Unterstützung für erhöhten Kontrast, reduzierte Transparenz, reduzierte Bewegung und den Windows-Kontrastmodus – so wie auf dieser Website.

Barrierefreiheitserklärung

Dokumentation des Stands und Unterstützung bei der Barrierefreiheitserklärung – nachvollziehbar und auf Basis der tatsächlich umgesetzten Maßnahmen.

$ cat workflow.md

So arbeite ich

Barrierefreiheit ist kein einmaliges Häkchen, sondern Teil der Qualität. So gehen wir es an:

1. Kurzcheck & Einschätzung

Ich schaue mir die wichtigsten Seiten an und gebe dir eine ehrliche Einschätzung: Wie groß ist der Handlungsbedarf, und wo liegen die größten Hürden?

2. Audit & Maßnahmenplan

Die Seite wird systematisch geprüft. Jeder Befund wird zu einem klaren Ticket – priorisiert danach, wie stark er Nutzer tatsächlich behindert.

3. Umsetzung im Code

Ich setze die Maßnahmen direkt um – AI-gestützt nach Spec-Driven Development und mit Tests, damit Barrierefreiheit nicht beim nächsten Release wieder verschwindet.

4. Dokumentation & Begleitung

Du bekommst den dokumentierten Stand für deine Barrierefreiheitserklärung – und auf Wunsch begleite ich neue Features, damit sie von Anfang an barrierefrei sind.

$ cat package.json

Tech Stack

  • WCAG 2.2
  • BITV 2.0
  • EN 301 549
  • ARIA
  • Semantisches HTML
  • axe-core
  • Lighthouse
  • Playwright
  • VoiceOver
  • Vue / Nuxt
  • Laravel
  • Shopware
  • Tailwind CSS
$ man bfsg

Häufige Fragen

Das BFSG gilt für viele Produkte und Dienstleistungen, die sich an Verbraucher richten – insbesondere für Onlineshops und andere Dienstleistungen im elektronischen Geschäftsverkehr. Kleinstunternehmen, die Dienstleistungen anbieten (weniger als 10 Beschäftigte und höchstens 2 Mio. € Jahresumsatz oder Bilanzsumme), sind ausgenommen. Ob es dich konkret betrifft, solltest du im Zweifel rechtlich prüfen lassen – ich kümmere mich um die technische Umsetzung, nicht um Rechtsberatung.
In der Praxis orientiert sich die Umsetzung an der europäischen Norm EN 301 549, die auf den WCAG-Kriterien der Stufe AA basiert. Ich prüfe nach WCAG 2.2 AA – das deckt die Anforderungen der älteren Version 2.1 mit ab.
Nein. Overlay-Tools versprechen Barrierefreiheit per Knopfdruck, beheben aber die eigentlichen Probleme im Code nicht – und stören Screenreader-Nutzer teilweise sogar. Echte Barrierefreiheit entsteht im HTML, im Fokus-Management und im Design.
Meist nicht. Die häufigsten Probleme – Kontraste, fehlende Labels, Tastaturbedienung, Fokus, Alternativtexte – lassen sich in bestehenden Seiten gezielt beheben. Erst bei sehr alten oder stark verbauten Systemen kann ein Neuaufbau einzelner Bereiche sinnvoll sein.
Am liebsten mit Vue und Nuxt, aber auch mit Laravel, Shopware und anderen PHP- oder JavaScript-basierten Systemen. Entscheidend ist, dass ich an den Code komme – Barrierefreiheit wird im Template umgesetzt, nicht in den Einstellungen.
Auf Stundenbasis. Nach dem Kurzcheck bekommst du eine realistische Einschätzung für Audit und Umsetzung – keine Lockangebote, keine versteckten Posten.
$ grep -r "praxis" blog/

Aus der Praxis

AI & Development19.03.2026

Barrierefreiheit in 2 Stunden – mit AI statt tagelanger Handarbeit

WCAG-konforme Barrierefreiheit für eine komplette Website – in unter 2 Stunden. Wie AI die lästigste Aufgabe im Frontend zur Nebensache gemacht hat.

5 min
AI29.04.2026

Meine schlechtesten Claude Code Sessions – und was sie mich gelehrt haben

Alle reden über AI-Erfolge. Ich rede über die Stunden, die ich mit KI-Fehlern verloren habe – und was ich daraus gelernt habe.

7 min
Entwicklung15.04.2026

Das Ticket als Denkwerkzeug – bevor die erste Zeile Code entsteht

Wer ein Problem erst aufschreiben muss, muss es durchdenken. Besserer Code, weniger Richtungswechsel – und mit AI ist das wichtiger denn je.

5 min

Ist deine Website barrierefrei?

30 Minuten Call. Kein Sales-Pitch – nur ein ehrlicher Blick darauf, wo deine Website steht und was für das BFSG noch fehlt.

Termin buchen

oder schreib mir direkt: moin@grossbyte.io

Antwort in 24h
Entspanntes Gespräch
Keine Verpflichtung