Digitale Angebote müssen für alle Menschen zugänglich sein – unabhängig von körperlichen oder kognitiven Einschränkungen. Betroffen sind unter anderem Betreiber von Onlineshops, Webagenturen und Freelancer sowie Plattformanbieter wie Shopify oder WooCommerce.

Neben rechtlichen Risiken bringt Barrierefreiheit auch wirtschaftliche Vorteile: bessere Usability, mehr Reichweite und ein zeitgemäßes Markenimage.

Was besagt das Barrierefreiheitsgesetz (BFSG)?

Das BFSG basiert auf der EU-Richtlinie 2019/882 und verpflichtet Unternehmen dazu, digitale Dienstleistungen und Produkte barrierefrei zu gestalten. Ziel ist es, Diskriminierung im digitalen Raum abzubauen und Menschen mit Einschränkungen gleichwertigen Zugang zu ermöglichen.

Stichtage:

• Ab 28. Juni 2025: Gilt für alle neu erstellten Websites und Shops, die unter das Gesetz fallen
• Ab 2032: Übergangsfrist für bestehende Angebote (wichtig: jede neue Unterseite gilt ebenfalls als “neu”)

Was bedeutet Barrierefreiheit im Web konkret?

• Texte: gut lesbar, logische Struktur, keine Fachjargon-Hürden
• Bilder: Alt-Texte, sprechende Dateinamen, keine rein visuellen Informationen
• Navigation: vollständig über Tastatur bedienbar
• Kontraste & Farben: Mindestkontraste, keine rein farbbasierte Navigation
• Code-Struktur: semantisch korrekt (z. B. saubere Überschriftenhierarchie)

Was passiert, wenn keine Anpassung erfolgt?

Bei Missachtung der Anforderungen drohen:

• Abmahnungen durch Wettbewerber oder Verbände
• Bußgelder durch Aufsichtsbehörden – in der Regel im vierstelligen Bereich
• Reputationsschäden durch negative Berichterstattung oder Kundenbeschwerden

Typische Fehler in Onlineshops:

• Bilder ohne Alt-Texte
• Navigationselemente nicht per Tab erreichbar
• Farbkontraste nicht ausreichend
• PDF-Downloads nicht barrierefrei

Erste Hilfe: Tools zur Selbstprüfung

Zur ersten Einschätzung eignen sich kostenlose Tools, die bekannte Fehlerquellen analysieren:

• axe DevTools (Chrome Extension): Vollständiger Scan nach Barrierefreiheitskriterien inkl. Fehlererläuterung
• Wave Tool: Visuelle Darstellung von Barrieren direkt auf der Website
• SEO-Tools mit Accessibility-Komponenten: z. B. SEOExtension.com – prüft Überschriftenstruktur, Bildattribute
• Tapper 11y: Simuliert Navigation per Tastatur, erkennt Fokusfehler

Empfehlung: Bei mehr als 10 erkannten Fehlern ist eine professionelle Barrierefreiheitsanalyse sinnvoll.

Shopify vs. WooCommerce – wie barrierefrei sind die Systeme?

Shopify

Vorteil: Viele Standard-Themes, insbesondere aus den USA, erfüllen bereits Grundanforderungen an Barrierefreiheit

Einschränkungen: Anpassung von Alt-Texten, Button-Beschriftungen, Kontrasten und Navigationsstruktur meist erforderlich

WooCommerce (WordPress)

Vorteil: Open-Source, hohe Flexibilität mit passenden Themes und Plugins

Nachteil: Barrierefreiheit ist nicht “per Plugin” lösbar – benötigt technisches Verständnis und Strukturierung im Theme

Empfehlung für beide Systeme:

Zusammenarbeit mit Entwickler oder Agenturen, die Erfahrung im Bereich WCAG (Web Content Accessibility Guidelines) und deutschem Recht mitbringen.

Barrierefreiheit als wirtschaftlicher Vorteil

Neben der rechtlichen Pflicht entstehen durch barrierefreie Onlineshops konkrete Mehrwerte:

• Bessere Nutzerführung für alle Besucher
• Mehr Reichweite, z. B. über assistierende Technologien oder durch reduzierte Absprungraten
• Positive Signale für Google (SEO) durch klare Struktur, Alt-Texte und gute UX
• Stärkung des Markenimages – inklusiv, modern, professionell

Barrierefreiheit + SEO = strukturell bessere Website + rechtliche Sicherheit

Der 5-Minuten-Quickcheck (Checkliste)

1. axe DevTools installieren und vollständigen Website-Audit durchführen
2. Startseite mit dem Wave Tool prüfen
3. Überschriftenstruktur analysieren: Nur eine H1, korrekte Hierarchie
4. Bilder prüfen: Sprechende Dateinamen und Alt-Texte
5. Navigation über Tastatur testen (Tabulator + Shift + Tab)
6. Mehr als 10 Fehler? → Jetzt Maßnahmen ergreifen

Professionelle Unterstützung: Umsetzung durch ITEPS

ITEPS bietet spezialisierte Leistungen für den barrierefreien E-Commerce:

• Technische Analyse & Audit nach WCAG 2.1 AA
• Maßnahmenumsetzung in Shopify & WooCommerce
• Workshops & Schulungen für interne Teams
• Lösungsorientierte Projektplanung mit Fokus auf Rechtssicherheit und Usability

Ziel ist es, den Shop nicht nur gesetzeskonform, sondern auch benutzerfreundlicher und erfolgreicher zu machen.

Ausblick

Barrierefreiheit im Onlinehandel ist ab 2025 gesetzliche Pflicht – aber auch eine klare Wachstumschance. Die Einhaltung der neuen Anforderungen schützt vor rechtlichen Konsequenzen, verbessert das Suchmaschinenranking und signalisiert Qualität.

Wer jetzt handelt:

• vermeidet Bußgelder
• stärkt die Kundenbindung
• nutzt Inklusion als Wettbewerbsvorteil