Problem 1: Bilder ohne Alternativtext
WCAG 1.1.1 Nicht-Text-Inhalt · Stufe A
Was ist das Problem?
Wen betrifft es?
So beheben Sie es in WooCommerce
Medien, dann Mediathek, dann Bild öffnen, dann Feld „Alternativer Text“ ausfüllen
BFSG – in Kraft seit 28.06.2025
Ist Ihr Onlineshop barrierefrei? Der ehrliche Test in 3 Minuten.
Wir scannen Ihren Shop automatisiert auf typische Barrieren nach WCAG, erklären jedes Problem in Klartext und erstellen Ihre Erklärung zur Barrierefreiheit nach § 14 BFSG.
Ehrlich gesagt: Ein automatischer Test findet erfahrungsgemäß nur einen Teil der Barrieren. Wir zeigen genau, was geprüft wurde – und was ein Mensch zusätzlich prüfen sollte.
Beispiel mit erfundenen Daten
So sieht Ihr Ergebnis aus
Ein Beispiel mit erfundenen Daten: der vollständige Report für einen WooCommerce-Shop mit 24 geprüften Seiten. Oben sehen Sie, wo der Shop steht, darunter alle Probleme als Arbeitsliste – sortiert danach, was Sie zuerst angehen sollten.
Kritisch Produkt-, Kategorie- oder Bannerbilder haben keinen Alt-Text – häufig nach einem Produktimport. Blinde und sehbehinderte Menschen mit Screenreader. Sie hören nur „Bild“ oder den Dateinamen. Gilt auch für Produkt- und Galeriebilder. Ratgeber: Alt-Texte für Produktbilder Problem 2: Formularfelder ohne Beschriftung
WCAG 4.1.2 Name, Rolle, Wert · Stufe A
Kritisch Was ist das Problem?
Suchfeld, Newsletter-Anmeldung oder Kontaktformular haben nur einen Platzhaltertext, aber keine echte Beschriftung. Wen betrifft es?
Screenreader-Nutzer wissen nicht, was sie eingeben sollen. Und sobald man tippt, verschwindet der Platzhalter für alle. So beheben Sie es in WooCommerce
Häufig Formular-Plugins (Contact Form 7, WPForms) oder Newsletter-Widgets. Im Plugin für jedes Feld eine Beschriftung aktivieren statt nur Platzhaltertext. Ratgeber: Formulare und Kasse per Tastatur Problem 3: Text mit zu wenig Kontrast
WCAG 1.4.3 Kontrast (Minimum) · Stufe AA
Hoch Was ist das Problem?
Graue Preise, helle Buttons, Sale-Badges oder Links in der Fußzeile heben sich zu wenig vom Hintergrund ab. Wen betrifft es?
Menschen mit Sehschwäche, ältere Menschen und alle, die das Handy in der Sonne benutzen. So beheben Sie es in WooCommerce
Design → Customizer → Farben bzw. bei Block-Themes Design → Editor → Stile → Farben. Eigene Farben ggf. unter „Zusätzliches CSS“ prüfen. Ratgeber: Kontraste im Onlineshop
Warum kein Overlay-Widget?
Overlay-Widget
- Verspricht Barrierefreiheit per Knopfdruck
- Ändert nichts am eigentlichen Code
- Wird von Screenreader-Nutzern oft kritisiert
BarriereCheck
- Transparent, was geprüft wurde
- Konkrete Anleitungen für Ihre Entwickler
- Erklärung zur Barrierefreiheit nach § 14 BFSG
So funktioniert BarriereCheck
Drei Schritte, vom Shop-Link bis zur fertigen Erklärung.
Schritt 1: Adresse eingeben
Wir scannen bis zu 3 Seiten Ihres Shops – ohne Anmeldung. Das dauert meist wenige Minuten.
Schritt 2: Ergebnis verstehen
Jedes Problem in Klartext, mit Schweregrad und den betroffenen Stellen.
Beispiel:7 Probleme an 23 Stellen auf 3 SeitenKritisch 2 Hoch 3 Mittel 2 Schritt 3: Beheben und erklären
Eine Fix-Liste für Ihre Entwickler und Ihre Erklärung zur Barrierefreiheit nach § 14 BFSG.
Fix-Liste Erklärung § 14 BFSG
Was kostet BarriereCheck?
Der Scan ist kostenlos. Den vollständigen Report zahlen Sie einmal – kein Abo.
Kostenloser Scan
Zum Reinschauen
0 €
- Bis zu 3 Seiten
- 1 Scan pro Woche je Domain
- Keine Anmeldung
- Ergebnis-Vorschau mit den wichtigsten Problemen
Mit Konto
Zum Dranbleiben
0 €
- Bis zu 10 Seiten
- 1 Scan pro Woche je Domain
- Verlauf Ihrer Scans
- Verifizierte Domains 3× pro Woche
Vollständiger Report
Zum Beheben und Erklären
99 € einmalig
inkl. 19 % USt. · Rechnung per E-Mail
- Bis zu 50 Seiten
- Alle Stellen mit Anleitung
- Fix-Liste für Ihre Entwickler
- Erklärung zur Barrierefreiheit
- 1 Nachprüfung innerhalb von 30 Tagen
Erst verstehen, dann prüfen
Sachliche Ratgeber zu den häufigsten Fragen – ohne Fachchinesisch.
Gilt das BFSG für Ihren Shop?
Wer verpflichtet ist, wer als Kleinstunternehmen ausgenommen ist und was in eine Erklärung zur Barrierefreiheit gehört.
Alt-Texte für Produktbilder
Was ein guter Alt-Text beschreibt und wo Sie ihn in Ihrem Shopsystem eintragen.
Kontraste im Onlineshop
Welche Kontraste Schrift und Buttons mindestens brauchen und wie Sie Ihre Farben selbst prüfen.
Alle Ratgeber
Hinweise für Ihr Shopsystem:WooCommerceShopifyShopware
Wie steht Ihr Shop da?
Der Test ist kostenlos und dauert etwa 3 Minuten. Sie brauchen dafür nur die Adresse Ihres Shops.