Das BFSG ist gestartet. Seit dem 28. Juni 2025 gelten in Deutschland für bestimmte Angebote verbindliche Anforderungen an die Barrierefreiheit. Die gesetzliche Einordnung bleibt wichtig – aber daneben gibt es ganz praktische Verbesserungen, die nahezu jeder Onlineshop umsetzen kann. In diesem Artikel geht es um Tastaturbedienung, Formulare, Produktbilder und verständliche Kaufprozesse.
Warum sich die Prüfung im Alltag lohnt
Seit dem 28. Juni 2025 gelten in Deutschland für bestimmte Produkte und Dienstleistungen die Anforderungen des BFSG. Für betroffene Onlineshops ist das ein Anlass, Einkaufsvorgänge systematisch zu überprüfen. Aber selbst wenn eine gesetzliche Ausnahme im Einzelfall greift, profitieren Nutzer von verständlichen und zugänglichen Abläufen.
Barrierefreiheit lässt sich nicht an einem einzigen Farbkontrastwert festmachen. Menschen nutzen Websites mit unterschiedlichen Fähigkeiten, Geräten und Hilfsmitteln. Wenn ein Checkout ausschließlich per Maus funktioniert, schließen wir beispielsweise Nutzer mit Tastaturbedienung aus. Eine saubere Umsetzung berücksichtigt deshalb mehrere Hürden entlang des gesamten Kaufprozesses.
Navigation und Formulare zuerst prüfen
Beginne am besten mit der Tastatur. Kommst du mit Tab durch alle wichtigen Bedienelemente? Ist der aktuelle Fokus sichtbar? Öffnen und schließen Menüs wie erwartet? Werden Fehlermeldungen direkt am betroffenen Feld angezeigt und in verständlichen Worten erklärt? Ein „Ungültige Eingabe“ ohne Erklärung hilft wenig. „Bitte gib eine Postleitzahl mit fünf Ziffern ein“ ist deutlich konkreter.
Auch Labels gehören fest zu Formularfeldern. Platzhaltertexte allein reichen nicht immer, weil sie beim Tippen verschwinden. Für eine Newsletter-Anmeldung ist beispielsweise ein eindeutig beschriftetes E-Mail-Feld wichtiger als ein besonders aufwendiger Animationseffekt.
Bilder, Kontraste und Bewegungen
Produktbilder sollten mehr leisten als dekorativ auszusehen. Der Alternativtext beschreibt die wesentliche Information des Bildes, soweit sie nicht bereits im umgebenden Text steht. Ein Produktfoto könnte etwa mit Farbe und sichtbarer Form beschrieben werden; „Bild123.jpg“ hilft nicht. Bei rein dekorativen Bildern ist ein leerer Alternativtext sinnvoll.
Achte außerdem auf ausreichende Kontraste und darauf, dass Inhalte beim Zoomen nicht verschwinden. Automatische Slider oder zeitgesteuerte Aktionen erschweren manchen Menschen die Bedienung. Wenn Bewegung unvermeidbar ist, sollten Nutzer sie pausieren können. Bei Werbebannern kann eine feste Anzeige während des Seitenbesuchs eine angenehmere Alternative sein.
Wie du Verbesserungen messbar machst
Lege vor der Überarbeitung drei konkrete Aufgaben fest, beispielsweise „Produkt finden“, „Lieferinformationen lesen“ und „Bestellung abschließen“. Dokumentiere, wo Schwierigkeiten auftreten. Führe nach der Umsetzung dieselben Aufgaben erneut durch. Automatische Testwerkzeuge entdecken viele technische Fehler, ersetzen aber keine Bedienprüfung mit realistischen Szenarien.
Arbeite mit einer priorisierten Liste: zuerst unbedienbare Funktionen, dann fehlende Beschriftungen, danach Layout und Feinschliff. So entsteht kein unübersichtliches Projekt, sondern ein nachvollziehbarer Verbesserungsprozess. Welche rechtlichen Anforderungen im Einzelfall gelten, muss weiterhin gesondert geprüft werden.
Fazit
Ein barrierefreier Shop ist nicht einfach eine Website mit größerer Schrift. Entscheidend ist, dass Menschen Informationen finden und einen Kauf selbstständig abschließen können. Beginne mit Navigation, Formularen und Checkout. Kleine, überprüfbare Änderungen sind wertvoller als ein bloßes Versprechen von Barrierefreiheit.
Quellen und weiterführende Informationen
Die folgenden Originalquellen und offiziellen Dokumentationen helfen bei der fachlichen Vertiefung. Prüfe bei rechtlichen und sich ändernden Themen stets den aktuellen Stand.
Quellen & Bildnachweise
Inhaltliche Quellen
Bildnachweise
Bild: KI-generiertes Motiv mit OpenAI / ChatGPT; Titelgestaltung: Business mit Kopf.
0 Kommentare
Hier wurden noch keine Kommentare veröffentlicht.