Ratgeber

JTL-Shop barrierefrei: was NOVA kann und was Sie selbst tun müssen

Veröffentlicht am 24. Oktober 2026

JTL sagt in seiner FAQ zum BFSG, dass das Standard-Template NOVA ab JTL-Shop 5.5.0 barrierefrei ist, mit Screenreadern kompatibel und komplett per Tastatur bedienbar. Barrierefrei ist Ihr Shop damit aber noch nicht: Alt-Texte, Videountertitel, Plugins von Drittanbietern einschließlich Zahlungs-Plugins und die Barrierefreiheitserklärung liegen laut JTL bei Ihnen. Nach unserer Lesart gilt das auch für geänderte Farben und für jedes Child- oder Fremd-Template.

Den Vergleich mit Shopify, WooCommerce, Shopware und anderen Systemen finden Sie in Barrierefreier Onlineshop: was Shopsysteme leisten und was Sie selbst tun müssen. Dieser Artikel geht für JTL-Shop 5 in die Tiefe: welche Version was bringt, wo Sie in JTL-Wawi und im Shop-Backend klicken und was Sie Bereich für Bereich prüfen.

Wer verantwortlich ist

Ein Onlineshop für Verbraucher ist eine „Dienstleistung im elektronischen Geschäftsverkehr“ nach § 1 Abs. 3 Nr. 5 BFSG. Nach § 14 Abs. 3 BFSG gewährleistet der Dienstleistungserbringer, dass die Barrierefreiheitsanforderungen „stets erfüllt werden“. Das sind Sie als Shopbetreiber, nicht JTL und nicht Ihr Template-Anbieter. Kleinstunternehmen, die Dienstleistungen anbieten, nimmt § 3 Abs. 3 BFSG aus.

JTL sieht das genauso. In der FAQ zum BFSG im JTL-Guide steht: „Sie sind verantwortlich für die Barrierefreiheit Ihres gesamten Onlineauftritts. Dies schließt auch Module oder Funktionen (z. B. Buchungskalender, Bezahl-Plugins) von Drittanbietern ein.“

Technisch verlangt § 12 Nr. 3 BFSGV, dass Webseiten einschließlich der zugehörigen Online-Anwendungen „wahrnehmbar, bedienbar, verständlich und robust“ gestaltet werden. § 19 BFSGV verlangt das für den Onlinehandel zusätzlich für Identifizierungs-, Authentifizierungs-, Sicherheits- und Zahlungsfunktionen. Als Maßstab nennt JTL in derselben FAQ die Norm EN 301 549, die sich „auf die Erfolgskriterien der Web Content Accessibility Guidelines 2.1 (WCAG 2.1) in den Konformitätsstufen A und AA“ bezieht.

Was JTL selbst angibt

Die Tabelle enthält nur, was JTL im JTL-Guide, im JTL-Blog und in den Release-Beiträgen im JTL-Forum veröffentlicht hat.

Was JTL nicht sagt. Einen Prüfbericht oder Konformitätsbericht mit Ergebnissen je WCAG-Kriterium für NOVA haben wir bei JTL nicht gefunden, ebenso wenig eine Angabe, mit welcher Methode JTL getestet hat. Die Tickets SHOP-5324 und SHOP-8790 im JTL-IssueTracker zeigen ohne Anmeldung nur ihren Titel. Zum älteren EVO-Template und zu JTL-Shop 4 macht die BFSG-FAQ keine Aussage. Wenn Sie für Ihre Barrierefreiheitserklärung eine belastbare Angabe zu NOVA brauchen, fragen Sie JTL schriftlich nach einem Prüfbericht.

Auffällig ist auch: Die Anleitungen zum Bild im OnPage Composer und zum Bilder-Slider schreiben, der Alternativtext sei „hauptsächlich für Suchmaschinen relevant“. Die BFSG-FAQ von JTL sagt dagegen richtig, dass Screenreader ihn vorlesen. Schreiben Sie Alt-Texte deshalb für Menschen, nicht für Suchmaschinen.

Entscheidungstabelle: Ihre Version, was tun?

Aktuell sind laut Releaseforum die Versionen 5.8.2, 5.7.5 und 5.6.5, alle am 14.10.2026 erschienen. Ein Update lohnt auch aus Sicherheitsgründen: JTL hat in den Versionen 5.6.2 und 5.7.2 vom 17.06.2026 sowie in 5.8.0 vom 26.08.2026 und 5.8.1 vom 24.09.2026 jeweils einen „kritischen Security Fix“ ausgeliefert, wie die Release-Beiträge zu 5.6, 5.7 und 5.8 zeigen.

Child-Template und Fremd-Template: hier gehen Verbesserungen verloren

Eigene Anpassungen machen Sie in JTL-Shop über ein Child-Template. Laut JTL-Entwicklerdokumentation werden dabei „alle Dateien des Templates von JTL-Shop geladen, außer denjenigen, die Sie in Ihr Child-Template kopiert und somit "überschrieben" haben“. Bei einem Update bleiben die Dateien des Child-Templates erhalten; Sie sollen laut JTL aber prüfen, ob Ihre Änderungen noch korrekt funktionieren.

Nach unserer Lesart heißt das: Hat Ihr Child-Template zum Beispiel die Vorlage für den Warenkorb oder die Artikelkarte überschrieben, bekommt genau diese Stelle die Barrierefreiheits-Anpassungen aus NOVA 5.5.0 nicht. So gehen Sie vor:

1. Überschriebene Dateien auflisten. Lassen Sie sich von Ihrer Agentur zeigen, welche Dateien im Ordner Ihres Child-Templates liegen.
2. Template-Diff abgleichen. JTL veröffentlicht im Release-Beitrag 5.5 einen Template-Diff „NOVA 5.4.1 zu 5.5.0“, für spätere Versionen jeweils weitere. Ihre Agentur prüft damit, welche Änderungen in Ihre überschriebenen Dateien gehören.
3. Gegentesten. Laut JTL-Guide zum Update können Sie „mit dem neu ausgelieferten Standard-Template“ gegentesten, ob ein Fehler durch Ihr angepasstes Template verursacht wird. Funktioniert etwas mit NOVA per Tastatur und mit Ihrem Template nicht, liegt der Fehler im Template.

Für Templates von Drittanbietern gilt JTLs Aussage zu NOVA nicht. Fragen Sie den Anbieter schriftlich, ob seine Version die Anpassungen aus NOVA 5.5.0 enthält und ob es einen Prüfbericht gibt.

Was Sie in JTL-Wawi und im Shop-Backend selbst einstellen

Alt-Texte für Artikelbilder in JTL-Wawi

Laut BFSG-FAQ hinterlegen Sie Alt-Texte für Artikelbilder in JTL-Wawi über das Artikelattribut img_alt; sie werden in den Shop übertragen. Die FAQ verweist dafür auf die Anleitung Textattribut zuweisen:

1. Artikel in JTL-Wawi öffnen und in den Artikelstammdaten die Registerkarte Attribute/Merkmale wählen.
2. Auf Attribut zuweisen klicken, das Attribut img_alt markieren und mit Weiter bestätigen.
3. Im Dialog Attributwerte ändern den Wert festlegen (laut Anleitung über das Dropdown-Menü) und mit Speichern bestätigen.
4. Nach dem nächsten Abgleich im Shop prüfen, ob der Text am Bild ankommt.

Fehlt das Attribut img_alt noch, legen Sie es laut derselben Anleitung unter Artikel > Attribute an und aktivieren es dort für Ihre Onlineshops. Beispiel für einen guten Alt-Text: statt „Artikelbild 1“ lieber „Steingut-Tasse in Mattgrün mit Henkel, 300 ml“. Das passende Kriterium ist WCAG 1.1.1 Nicht-Text-Inhalt.

Bilder, Slider und Videos im OnPage Composer

• Bild: Im Portlet „Bild“ geben Sie im Fenster „Bild bearbeiten“ einen Alternativtext ein (Anleitung).
• Bilder-Slider: In der Registerkarte Allgemein gibt es „Autostart“, „Pause bei Hover“, Punkt- und Pfeilnavigation und den „Ken-Burns-Effekt“, der laut JTL-Guide Autostart, Pause bei Hover und die Navigation überschreibt. „Pause bei Hover“ stoppt nur, wenn jemand mit der Maus darüberfährt. Nach unserer Empfehlung schalten Sie Autostart und Ken-Burns-Effekt aus und die Pfeilnavigation ein. Bewegte Inhalte, die automatisch starten und länger als fünf Sekunden laufen, müssen sich nach WCAG 2.2.2 pausieren, beenden oder ausblenden lassen.
• Video: Laut Detailbeschreibung Video bearbeiten laden Sie bei lokalen Videos Untertitel als VTT-Datei hoch und geben ein Transkript ein. Bei Vimeo können Sie das Einblenden des Transkripts erlauben. Bei YouTube zeigt die Option „Untertitel automatisch anzeigen“ nur Untertitel, die manuell für das Video erstellt wurden, nicht die automatisch erzeugten. Pflegen Sie die Untertitel deshalb bei YouTube selbst (WCAG 1.2.2). Schalten Sie bei Videos mit Ton das automatische Abspielen aus.

Farben im NOVA-Template

Farben stellen Sie unter Darstellung > Einstellungen > Templates > NOVA > Einstellungen ein. Laut Detailbeschreibung NOVA-Template wählen Sie dort zwischen den Themes clear, midnight und blackline und legen im Bereich Farben unter anderem Primärfarbe (auch für Schaltflächen), Schriftfarben im Header und im Footer fest. Prüfen Sie jede geänderte Farbe gegen ihren Hintergrund: normaler Text braucht nach WCAG 1.4.3 mindestens 4,5:1, Rahmen von Eingabefeldern und Schaltflächen nach WCAG 1.4.11 mindestens 3:1. Benutzerdefiniertes CSS im Bereich H darf die Fokusmarkierung nicht entfernen.

Plugins und Zahlungs-Plugins

JTL macht Sie ausdrücklich auch für Bezahl-Plugins verantwortlich. Für JTLs eigenes PayPal-Plugin steht im JTL-Guide, PayPal Checkout sei „für die Verwendung mit dem NOVA-Template und davon abgeleiteten Child-Templates optimiert“; das EVO-Template ist nicht kompatibel. Eine Aussage zur Barrierefreiheit der PayPal-Schaltflächen macht die Seite nicht.

So gehen Sie vor:

1. Liste anlegen. Im Backend unter Plugins > Plugin-Manager alle Plugins notieren, die im Shop etwas anzeigen: Cookie-Banner, Bewertungen, Filter, Suche, Chat, Pop-ups, Zahlungsarten.
2. Anbieter fragen. Jeden Anbieter schriftlich um einen Konformitätsbericht und eine Angabe bitten, ob das Plugin mit NOVA ab 5.5.0 per Tastatur und Screenreader getestet ist. Antworten ablegen.
3. Einzeln testen. Den Weg beschreibt JTL selbst für Fehler nach Updates im Update-Guide: alle Plugins deaktivieren und der Reihe nach wieder aktivieren, um das verantwortliche Plugin zu finden. Das funktioniert auch für Barrieren, am besten in einer Testumgebung.
4. Ersetzen statt überdecken. Ein Overlay-Widget ist laut JTL keine Dauerlösung. Warum, zeigt Overlay-Widgets: warum ein Plugin für Barrierefreiheit nicht reicht.

Checkliste nach Shopbereich

Die Spalte „Wo in JTL“ nennt die Stelle laut JTL-Guide; die Prüffragen sind unsere Empfehlung auf Grundlage der verlinkten WCAG-Kriterien.

Wie Sie den Tastaturtest in zehn Minuten durchführen, zeigt Tastaturtest: Website auf Tastaturbedienbarkeit prüfen. Den Warenkorb und die Kaufstrecke mit Zahlungs-Plugins prüfen Sie Schritt für Schritt mit Barrierefreier Checkout.

Barrierefreiheitserklärung in JTL-Shop

Die Pflicht kommt aus § 14 Abs. 1 Nr. 2 BFSG in Verbindung mit Anlage 3 BFSG. Danach geben Sie in Ihren AGB „oder auf andere deutlich wahrnehmbare Weise“ an, wie Ihr Shop die Anforderungen erfüllt, einschließlich der zuständigen Marktüberwachungsbehörde.

• Ab 5.7.0: Laut Release-Beitrag gibt es eine Standardseite „Barrierefreiheit“ in der Linkgruppe Gesetzliche Informationen. Ob sie einen Mustertext enthält, sagt die Ankündigung nicht; prüfen Sie das in Ihrem Backend und tragen Sie Ihren eigenen Text ein.
• Vor 5.7.0: Legen Sie die Seite selbst an. Laut JTL-Guide zu eigenen Seiten öffnen Sie Darstellung > Eigene Inhalte > Seiten und klicken neben der Linkgruppe auf das Plus-Symbol. Die Linkgruppe Gesetzliche Informationen wird laut Detailbeschreibung unten im Shop angezeigt.

Den Inhalt liefert das Muster für die Barrierefreiheitserklärung im Onlineshop. Nennen Sie ehrlich, was noch nicht funktioniert, etwa ein Plugin, für das der Anbieter eine Korrektur angekündigt hat. Bei Nichtkonformität verlangt § 14 Abs. 4 BFSG Korrekturmaßnahmen und die unverzügliche Information der Marktüberwachungsbehörde.

Dieser Ratgeber ist keine Rechtsberatung. Im Zweifel klären Sie Ihren Fall mit der Bundesfachstelle Barrierefreiheit oder einer Anwältin oder einem Anwalt.

Ihr nächster Schritt

Der kostenlose Scan prüft ohne Anmeldung Ihre Startseite, eine Produktseite und den Warenkorb automatisch gegen die WCAG-Regeln und zeigt, was zuerst behoben werden sollte. So sehen Sie, wo Sie mit der Checkliste oben anfangen. Ein automatischer Scan findet nur einen Teil aller Barrieren; den Tastaturtest der Kaufstrecke, den Abgleich Ihres Child-Templates und die Fragen an Plugin-Anbieter machen Sie zusätzlich von Hand.

Stand: 24.10.2026. Quellen gelesen am 24.10.2026.