JTL-Shop barrierefrei nach WCAG: Audit, Umsetzung, Erklärung
Seit das Barrierefreiheitsstärkungsgesetz gilt, fragen sich viele Händler: Bin ich betroffen? Wir prüfen Ihren Shop, setzen die Anpassungen im Template um und erstellen die Erklärung zur Barrierefreiheit.
- Audit nach WCAG 2.1 AA
- Anpassungen direkt im Template
- Erklärung zur Barrierefreiheit
- Text auf Hintergrund 12,63 : 1 AA bestanden
- Beschriftung auf Button 5,69 : 1 AA bestanden
WCAG 2.1 AA verlangt für normalen Text ein Kontrastverhältnis von mindestens 4,5 : 1. Die Werte werden aus den Farben der Vorschau berechnet.
Ein Shop, den nicht alle bedienen können, verliert Kunden
Viele Barrieren bemerkt man mit Maus und guten Augen nicht. Sie zeigen sich erst mit Tastatur, Screenreader oder bei starker Vergrößerung.
- Testsystemvor jeder Umstellung
- 1 Ansprechpartnerfest für Ihr Projekt
- Erste Diagnosekostenlos
-
Der Kauf endet vor der Kasse
Wer per Tastatur oder Screenreader einkauft, scheitert an Filtern, Menüs und Formularfeldern ohne Beschriftung. Der Abbruch taucht in keiner Auswertung als Barriere auf.
-
Das BFSG macht Barrierefreiheit zur Pflicht
Das Barrierefreiheitsstärkungsgesetz gilt seit dem 28. Juni 2025 und betrifft viele Onlineshops, die an Verbraucher verkaufen. Wer betroffen ist, muss die Anforderungen nachweisbar erfüllen.
-
Overlays lösen das Problem nicht
Ein Zusatz-Widget ändert nichts an fehlenden Labels, schwachem Kontrast und einer kaputten Tab-Reihenfolge. Die Ursachen stecken im Template.
Vier Prinzipien, Punkt für Punkt abgehakt
Die WCAG 2.1 ordnen alle Anforderungen vier Prinzipien zu. Wir prüfen Ihren Shop Seitentyp für Seitentyp und halten fest, was erfüllt ist und was nicht.
-
Wahrnehmbar
Inhalte lassen sich sehen, hören oder vorlesen.
- Text hat mindestens 4,5 : 1 Kontrast
- Produktbilder haben Alternativtexte
- Seite bleibt bei 200 % Zoom nutzbar
-
Bedienbar
Alles funktioniert ohne Maus und ohne Zeitdruck.
- Menü, Filter und Checkout per Tastatur
- Fokus ist auf jedem Element sichtbar
- Sprunglink führt direkt zum Inhalt
-
Verständlich
Sprache, Formulare und Fehler sind eindeutig.
- Jedes Formularfeld hat ein sichtbares Label
- Fehlermeldungen nennen Feld und Lösung
- Sprache der Seite ist ausgezeichnet
-
Robust
Der Code funktioniert mit Hilfstechnologien.
- Buttons und Links haben einen Namen
- Aufklappmenüs melden ihren Zustand
- Statusmeldungen werden vorgelesen
Vorher und nachher: Kontraste auf einer Produktseite
Schalten Sie um und sehen Sie, was die Nachbesserung ändert.
- Produktbeschreibung 12,63 : 1 AA bestanden
- Preishinweis 6,39 : 1 AA bestanden
- Kaufen-Button 5,69 : 1 AA bestanden
3 von 3 Kontrasten erfüllen WCAG 2.1 AA.
Die zwölf Prüfpunkte sind Beispiele. Eine vollständige Prüfung umfasst alle 50 Erfolgskriterien der Stufen A und AA.
Ein Shop, der für alle funktioniert, und der Nachweis dazu
Prüfbericht
Jede gefundene Barriere mit Fundstelle, WCAG-Kriterium, Schweregrad und konkretem Lösungsweg.
Nachgebessertes Template
Überschriften, Labels, Rollen und Tab-Reihenfolge korrigiert, direkt im Code Ihres Templates.
Bedienbarer Checkout
Warenkorb, Adressformular und Zahlungsauswahl lassen sich vollständig per Tastatur und Screenreader nutzen.
Farben mit genug Kontrast
Texte, Buttons und Fokusrahmen angepasst, abgestimmt auf Ihr Erscheinungsbild.
Vorlage für die Erklärung
Ein Entwurf der Erklärung zur Barrierefreiheit auf Basis der Prüfergebnisse. Die rechtliche Prüfung übernimmt Ihre Rechtsberatung.
Einweisung für die Redaktion
Ihr Team lernt, Alternativtexte, Überschriften und Linktexte so zu pflegen, dass der Shop barrierefrei bleibt.
Vom Audit zur Nachprüfung
-
Audit
Wir prüfen Startseite, Kategorie, Produkt, Warenkorb und Checkout von Hand und mit Werkzeugen.
-
Maßnahmenplan
Sie erhalten den Prüfbericht mit Prioritäten und ein Angebot für die Nachbesserung.
-
Nachbesserung
Wir beheben die Barrieren im Testshop, Sie geben frei, dann geht die Änderung live.
-
Nachprüfung
Wir prüfen jeden Befund erneut und dokumentieren den Stand. Das ist Ihr Nachweis.
Vom ersten Audit zum Shop, der ohne Maus funktioniert
Ausgangslage: Wer betroffen ist und was genau zu tun ist, ist für viele Händler unklar. Gleichzeitig wächst die Sorge vor Abmahnungen.
Umsetzung: Betroffenheit und Ausnahmen einordnen (keine Rechtsberatung), Audit-Umfang festlegen, Kontraste, Tastaturbedienung, Alt-Texte, Formulare und Checkout.
Beispielhafter Projektablauf – keine Kundenreferenz. Festpreis-Angebot nach dem kostenlosen Erstgespräch.
Audit zum Festpreis
Der Preis richtet sich nach Template, Plugins und der Zahl der Seitentypen. Sie kennen ihn, bevor wir anfangen.
ab 390 € zzgl. MwSt.
Quick-Check von 5 wichtigen Seiten für 390 € mit kurzem Bericht. Vollständiges Audit ab 1.490 €, Umsetzung nach Aufwand.
Die Nachbesserung bieten wir nach dem Audit an: zum Festpreis oder nach Aufwand, ab 95 € / Stunde.
Im Festpreis enthalten
- Prüfung der wichtigsten Seitentypen bis zum Checkout
- Tests mit Tastatur und Screenreader
- Prüfbericht mit priorisierten Maßnahmen
- Besprechung der Ergebnisse per Video
FAQ
Häufige Fragen zu Barrierefreiheit für JTL-Shop
Ihre Frage ist nicht dabei? Wir beraten Sie gern persönlich und unverbindlich.
Bin ich betroffen?
Das hängt unter anderem von Unternehmensgröße und Angebot ab. Wir ordnen das im Quick-Check ein – eine Rechtsberatung ersetzt das nicht.
Was kostet die Umsetzung?
Nach dem Audit erhalten Sie eine Aufwandsschätzung. Der Quick-Check kostet 390 €, ein vollständiges Audit beginnt bei 1.490 €.
Zur KostenschätzungLeidet das Design darunter?
Nein. Gute Kontraste und klare Bedienung machen den Shop für alle angenehmer.
Hilft Barrierefreiheit bei SEO?
Indirekt ja: saubere Struktur, Alt-Texte und gute Bedienbarkeit wirken sich auch positiv auf die Suche aus.
Was prüfen Sie im Audit?
Kontraste, Tastaturbedienung, Bildschirmleser, Formulare, Fehlermeldungen und den Bestellprozess – nach den Kriterien der WCAG.
Erstellen Sie die Erklärung zur Barrierefreiheit?
Ja. Nach der Umsetzung erstellen wir die Erklärung zur Barrierefreiheit für Ihren Shop.
Wie lange dauert die Umsetzung?
Das hängt vom Template und den gefundenen Punkten ab. Nach dem Audit erhalten Sie einen Zeitplan mit Prioritäten.
Bleibt der Shop nach Updates barrierefrei?
Wir setzen die Anpassungen im Child-Template um und prüfen sie nach Updates erneut, damit sie erhalten bleiben.
Neues Ticket · kostenlos
Lassen Sie uns über Ihr Vorhaben sprechen.
Schreiben Sie uns kurz, worum es geht. Wir melden uns innerhalb eines Werktags persönlich.
- 01Sie schildern kurz Ihr Anliegen
- 02Wir melden uns innerhalb eines Werktags
- 0330 Minuten Erstberatung – kostenlos
Hinweis: Diese Seite ist keine Rechtsberatung. Ob und in welchem Umfang das BFSG für Sie gilt, klären Sie bitte mit einer Rechtsanwältin oder einem Rechtsanwalt.
