JTL Barrierefreiheit: BFSG 2025 umgesetzt – Praxisguide

Viele Online-Shops sind über Jahre gewachsen: Template-Anpassungen, Plugins, Custom JavaScript und CSS wurden Schritt für Schritt ergänzt. Barrierefreiheit wurde dabei selten von Anfang an mitgedacht. Seit dem 28. Juni 2025 ist jedoch das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft, das erstmals auch private Unternehmen zur barrierefreien Gestaltung digitaler Angebote verpflichtet. Wenn du die Umsetzung strukturiert angehen willst, kann eine JTL Agentur dabei helfen, den Shop technisch und inhaltlich sauber auszurichten.

Barrierefreiheit betrifft drei zentrale Bereiche deines Online-Geschäfts: Umsatz, weil mehr Nutzer überhaupt kaufen können; Conversion und User Experience, weil eine klarere Struktur und bessere Bedienbarkeit allen Besuchern hilft; und Compliance sowie Risikomanagement, da gesetzliche Anforderungen erfüllt werden müssen und das Potenzial für Abmahnungen oder Beschwerden sinkt.

Für dich als Entscheider im E-Commerce bedeutet das: Du brauchst klare Prioritäten, machbare nächste Schritte und einen realistischen Umsetzungsplan. Barrierefreiheit ist kein Projekt, das du „einmal nebenbei" erledigst – aber mit strukturiertem Vorgehen ist es absolut umsetzbar. Dieser Beitrag zeigt dir, was das BFSG konkret für deinen JTL-Shop bedeutet, welche technischen und inhaltlichen Anforderungen auf dich zukommen und wie du Schritt für Schritt vorgehst.

Das Barrierefreiheitsstärkungsgesetz (BFSG) kompakt: Wer ist betroffen und was muss umgesetzt werden?

Das BFSG setzt die europäische Richtlinie (EU) 2019/882 in deutsches Recht um. Der Stichtag für die Umsetzung war der 28. Juni 2025 – das Gesetz ist seit diesem Datum rechtlich bindend. Die Kerndefinition lautet: Produkte und Dienstleistungen müssen „für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar" sein.

Wer ist vom BFSG betroffen?

Betroffen sind private Unternehmen, die keine Kleinstunternehmen sind. Die Schwellenwerte liegen bei mehr als 10 Mitarbeitenden oder einem Jahresumsatz bzw. einer Bilanzsumme von über 2 Millionen Euro. Für Kleinstunternehmen im Dienstleistungsbereich sieht das Gesetz eine Ausnahme vor (§ 3 Abs. 3 BFSG).

In der Praxis heißt das: Wenn du ein kleines Kunsthandwerk, eine Gravur-Manufaktur oder ein ähnliches Geschäft betreibst, bist du möglicherweise ausgenommen. Entscheidend sind Rechtsform, Größe und Art der Leistung – im Zweifel solltest du das rechtlich prüfen lassen.

Was muss barrierefrei sein?

Das Gesetz bezieht sich auf digitale Angebote: deine Website, dein Shop-Frontend und gegebenenfalls mobile Anwendungen oder die mobile Darstellung. Konkret betrifft das alle Bereiche, die für Kauf und Information nötig sind: Navigation, Suche, Produktseiten, Warenkorb, Checkout, Kundenkonto und Formulare. Auch die responsive Darstellung auf Tablets und Smartphones gehört dazu.

Was Barrierefreiheit im Shop praktisch bedeutet: Prinzipien und konkrete Beispiele

Barrierefreiheit folgt vier Leitkategorien, die sich aus internationalen Standards wie den Web Content Accessibility Guidelines (WCAG) ableiten. Diese Prinzipien bilden die Grundlage für eine zugängliche digitale Gestaltung:

• Wahrnehmbar: Inhalte müssen visuell und technisch erkennbar sein. Das bedeutet ausreichende Kontraste zwischen Text und Hintergrund, anpassbare Textgröße und alternative Darstellungen für visuelle Inhalte (z. B. Alt-Texte für Bilder).
• Bedienbar: Alle Funktionen müssen per Tastatur und mit assistiven Technologien wie Screenreadern zugänglich sein. Nutzer dürfen nicht in Fokus-Fallen geraten oder durch fehlende Navigationshilfen ausgeschlossen werden.
• Verständlich: Texte, Struktur und Interaktionen müssen klar und logisch aufgebaut sein. Formulierungen sollen einfach und eindeutig sein, Fehlermeldungen verständlich und hilfreich.
• Robust: Der Code muss sauber und semantisch korrekt sein, damit Screenreader und andere Hilfsmittel ihn korrekt interpretieren können. HTML-Struktur, ARIA-Attribute und technische Standards spielen hier eine wichtige Rolle.

Schrift und Lesbarkeit

Nutze eine gut lesbare Schriftart ohne übermäßige Schnörkel oder zu dünne Strichstärken. Der Inhalt muss sich auf mindestens 200 Prozent vergrößern lassen, ohne dass die Seite unbenutzbar wird oder Inhalte verschwinden. Ausreichende Abstände zwischen Absätzen und Zeilen verbessern die Lesbarkeit für alle Nutzer – nicht nur für Menschen mit Sehbeeinträchtigungen.

Überschriftenstruktur

Verwende korrekte HTML-Überschriften von H1 bis H6, damit Screenreader-Nutzer sinnvoll durch die Seite navigieren können. Überschriften dürfen nicht nur visuell formatiert sein – sie müssen als Überschriften-Tags im Code vorhanden sein. Eine logische Hierarchie hilft allen Nutzern, Inhalte schnell zu erfassen.

Struktur und Orientierung

Nutzer müssen jederzeit verstehen, wo sie sich befinden. Setze daher klare Navigationselemente, Breadcrumbs, sprechende Seitentitel und eine logische Fokusführung ein. Screenreader-Nutzer profitieren von Landmarks (semantischen Bereichen wie header, nav, main, footer), die ihnen helfen, schnell zu den relevanten Bereichen zu springen.

Animationen und bewegte Elemente

Animationen müssen pausierbar sein und sollten bei Bedarf ausgeblendet werden können. Dauerhaft bewegte Elemente wie rotierende Banner oder autoplayende Videos können für viele Nutzer störend oder sogar belastend sein. Biete immer eine Möglichkeit, Bewegungen zu stoppen.

Inhalte zugänglich machen

Bilder benötigen Alt-Texte, die den Inhalt oder die Funktion des Bildes beschreiben. Dekorative Bilder können mit einem leeren Alt-Attribut gekennzeichnet werden (alt=""), damit Screenreader sie überspringen. Videos sollten Untertitel oder Transkriptionen enthalten. Nutze eine saubere Textstruktur mit Listen, Absätzen und sprechenden Linktexten – vermeide generische Formulierungen wie „hier klicken" oder „mehr erfahren".

Interaktive Elemente technisch zugänglich gestalten

Alle interaktiven Elemente – Buttons, Menüs, Formulare, Filter – müssen vollständig per Tastatur bedienbar sein. Screenreader benötigen korrekte Rollen und Labels (ARIA-Attribute), damit Nutzer verstehen, welche Funktion ein Element hat. Vermeide JavaScript-Konstrukte, die nur per Maus funktionieren.

Visuelle Barrierefreiheit

Stelle ausreichende Kontraste zwischen Text und Hintergrund sicher. Nach WCAG 2.1 sollte das Kontrastverhältnis mindestens 4,5:1 für normalen Text und 3:1 für großen Text betragen. Der Fokus-Indikator (z. B. ein Rahmen um das aktuell fokussierte Element) muss sichtbar sein, wenn Nutzer per Tastatur navigieren.

Formulare und Fehlermeldungen

Markiere Pflichtfelder nicht nur farblich (z. B. rot), sondern ergänze Hinweistexte wie „Pflichtfeld" oder ein Sternchen mit Erklärung. Fehlermeldungen müssen klar, nah am betroffenen Feld und verständlich formuliert sein. Eine rein visuelle Rückmeldung („Feld ist rot") hilft Screenreader-Nutzern nicht. Beschreibe konkret, was falsch ist und wie es korrigiert werden kann.

CAPTCHA als Conversion-Killer

Herkömmliche visuelle Captchas sind für viele Nutzer nicht zugänglich. Biete barrierefreie Alternativen an, etwa einfache Denkaufgaben, Honeypot-Felder oder moderne Verfahren wie Google reCAPTCHA v3, die im Hintergrund arbeiten. Praxiserfahrungen zeigen: Der Verzicht auf schwer zugängliche Captchas reduziert Kundenbeschwerden, senkt Abbrüche im Checkout deutlich und erhöht die Bestellbereitschaft spürbar. Viele Shop-Betreiber berichten von einer höheren Conversion-Rate, nachdem sie komplexe Captchas durch nutzerfreundlichere Lösungen ersetzt haben.

JTL-Shop und Barrierefreiheit: Was das System bereits liefert – und was nicht

Barrierefreiheit ist kein reines Plugin-Thema. Sie entsteht aus dem Zusammenspiel von JTL-Shop-Version und Template, individuellen Template-Anpassungen, Frontend-Plugins und der redaktionellen Pflege von Inhalten. Kein System ist von Haus aus vollständig barrierefrei – aber JTL hat in den letzten Versionen wichtige Schritte unternommen.

JTL-Shop Version 5.5.x: Fokus auf Barrierefreiheit

Mit der Version 5.5.x hat JTL das Thema Barrierefreiheit stärker in den Fokus gerückt. Im Standard-Template NOVA wurden viele Barrieren abgebaut: Die Überschriftenhierarchie wurde korrigiert, Fokuszustände verbessert und die Tastaturbedienbarkeit zentraler Komponenten optimiert. Wenn du auf diese Version aktualisiert hast, bist du bereits auf einem guten Stand in Richtung barrierefreier Shop.

Darüber hinaus hat JTL viel Arbeit in die Code-Qualität investiert: PSR-12-Standards wurden eingeführt, Unit-Tests ausgebaut und eine Tiefenprüfung mit PhpStan durchgeführt. Das verbessert die Robustheit des Systems und erleichtert künftige Anpassungen – sowohl für interne Entwicklungen als auch für Agenturen und Shop-Betreiber.

Update-Relevanz: Von älteren Versionen zu 5.5.x

Wenn du bereits JTL-Shop 5.4 nutzt, war das Update auf 5.5.x weniger aufwendig und meist gut machbar. Bei älteren Versionen (5.3 oder früher) wurde ein Update dringender – nicht nur wegen der Barrierefreiheit, sondern auch aus Gründen der Sicherheit, Performance und des Supports. Beachte beim Update unbedingt die Releaseposts und Changelogs aller Zwischenversionen, um keine Breaking Changes oder wichtige Hinweise zu übersehen.

PHP-Kompatibilität

JTL-Shop 5.5.0 ist bereit für PHP 8.4. Der Support für PHP 8.1 endete bereits. Falls dein Server noch PHP 8.1 nutzt, solltest du jetzt über ein Upgrade nachdenken – das betrifft Betriebssicherheit, Performance und langfristige Kompatibilität mit Updates und Plugins. Für Details rund um Server- und Versionsanforderungen kann dir ein Guide zu JTL Shop PHP 8.1 beim Einordnen helfen.

Template-Diff als Praxis-Hebel

Für den Sprung von NOVA 5.4.1 auf 5.5.0 gibt es eine Diff-Datei, mit der du Änderungen im Template nachvollziehen kannst. Das ist besonders nützlich, wenn du eigene Anpassungen vorgenommen hast und prüfen möchtest, ob diese mit den neuen Standards kollidieren oder ob du bestimmte Verbesserungen manuell nachziehen musst.

Customizations und Plugins als Risiko

Selbst wenn das Standard-Template verbessert wurde, können individuelle Anpassungen Barrieren wieder einbauen. Typische Problemstellen sind Custom JavaScript (z. B. für Menüs, Slider oder Produktfilter), Pop-ups und Overlays sowie Third-Party-Plugins für Cookie-Banner, Suche, Bewertungen, Live-Chat oder Newsletter-Anmeldungen.

Prüfe daher deinen gesamten Stack: Welche Plugins sind im Einsatz? Welche Abhängigkeiten gibt es (z. B. ionCube Loader bei manchen verschlüsselten Lösungen)? Wie wirken sich diese auf die Barrierefreiheit aus? Teste jedes Plugin einzeln, ob es Tastaturbedienung und Screenreader unterstützt. Gerade beim Thema Cookie-Consent lohnt sich ein Blick auf ein Cookie Plugin JTL, weil Banner und Overlays häufig zu Fokus-Fallen und schlechten Kontrasten führen.

Vorgehensmodell für Entscheider: Von der Bestandsaufnahme bis zur Umsetzung

Barrierefreiheit ist kein Sprint, sondern ein strukturierter Prozess. Das folgende Vorgehensmodell hilft dir, systematisch vorzugehen und nichts zu übersehen.

Schritt 1: Bestandsaufnahme und Audit

Erfasse zunächst den IST-Zustand: Welche Shop-Version nutzt du? Welches Template? Welche Plugins sind aktiv? Welche individuellen Anpassungen wurden vorgenommen? Dokumentiere diese Informationen, um später gezielt nachjustieren zu können.

Priorisiere dann die umsatzkritischen Bereiche: Startseite, Kategorieseiten, Suche und Filter, Produktdetailseite, Warenkorb, Checkout und Kundenkonto. Diese Bereiche haben den größten Einfluss auf Conversion und User Experience. Teste sowohl die Desktop- als auch die mobile Darstellung – die meisten Nutzer kaufen heute mobil ein.

Schritt 2: Quick Wins priorisieren

Beginne mit schnell umsetzbaren Maßnahmen, die großen Impact haben und keine tiefgreifenden technischen Eingriffe erfordern:

• Kontraste und Schriftgrößen anpassen (CSS-Änderungen)
• Fokuszustände sichtbar machen (CSS :focus)
• Überschriftenhierarchie korrigieren (HTML-Struktur)
• Alt-Texte für die wichtigsten Bilder ergänzen (Kategorien, Produkte, Icons)
• Formular-Labels und Fehlermeldungen im Checkout verbessern
• Tastaturbedienbarkeit für Navigation, Filter und Modals sicherstellen

Diese Maßnahmen kosten oft wenig Zeit, haben aber eine große Wirkung auf die Nutzererfahrung und helfen dir, erste Erfolge zu verzeichnen.

Schritt 3: Technische Maßnahmen am Template

Stelle sicher, dass zentrale Komponenten barrierefrei sind: Menüs (inklusive Megamenüs und mobile Navigation), Akkordeons, Tabs, Slider, Offcanvas-Bereiche und modale Fenster. Nutze eine saubere semantische Struktur mit Landmarks und Navigationsbereichen (nav, main, aside, footer).

Vermeide „div-button"-Konstrukte ohne korrekte Rolle oder Label – echte Button-Elemente () sind robuster und besser für assistive Technologien geeignet. Verwende semantisches HTML (article, section, aside), wo es Sinn macht.

Schritt 4: Content und Redaktion

Achte auf verständliche Texte und klare Linktexte. Verzichte auf schwer auslesbare Sonderzeichen, unnötige Abkürzungen und exzessive Emojis – nutze sie sparsam und nur dort, wo sie wirklich Mehrwert bieten. Stelle sicher, dass Medien (Bilder, Videos) mit Alternativtexten oder Untertiteln versehen sind und dass keine Informationen ausschließlich grafisch vermittelt werden (z. B. wichtige Hinweise nur als Bild).

Schritt 5: Testen

Führe Tastaturtests durch: Prüfe die Tab-Reihenfolge und ob der Fokus immer sichtbar ist. Nutze die Tab-Taste, um durch die Seite zu navigieren, und achte darauf, dass du alle interaktiven Elemente erreichst und bedienen kannst.

Mache Screenreader-Sanity-Checks: Nutze NVDA (Windows, kostenlos) oder VoiceOver (Mac, integriert), um zu prüfen, ob Überschriften-Navigation funktioniert, ob Bilder sinnvoll vorgelesen werden und ob Formulare verständlich sind.

Teste den Zoom bis 200 Prozent: Nutze die Browserfunktion (Strg/Cmd +), um zu prüfen, ob Inhalte lesbar bleiben und keine Überlappungen entstehen.

Prüfe die mobile Nutzung: Touch-Bedienung, Orientierung (Hoch- und Querformat) und Breakpoints sollten funktionieren, ohne dass Inhalte verschwinden oder unbedienbar werden.

Schritt 6: Dokumentieren und kontinuierlich verbessern

Dokumentiere alle Änderungen für interne Teams, Agenturen oder Entwickler. Halte fest, was bereits umgesetzt wurde, was noch offen ist und welche Prioritäten gelten. Lege eine Regel fest: Bei neuen Features oder Plugins wird Barrierefreiheit immer mitgeprüft. So vermeidest du, dass neue Barrieren entstehen und du später erneut nacharbeiten musst.

Typische Problemstellen in Online-Shops: Checkliste für JTL-Nutzer

Die folgende Tabelle zeigt typische Barrieren, die in vielen JTL-Shops vorkommen. Nutze sie als Checkliste für dein Audit.

Bereich	Typische Barriere
Navigation	Dropdowns per Tastatur nicht erreichbar, Fokus verschwindet im Offcanvas-Menü
Suche/Filter	Filterchips ohne Screenreader-Label, Preis-Slider nicht tastaturfähig
Produktdetailseite	Galerie ohne Tastaturbedienung, Variantenwahl nicht eindeutig beschriftet
Warenkorb/Checkout	Fehlermeldungen nur farblich, Pflichtfelder unklar, Captcha nicht zugänglich
Popups/Overlays	Fokus-Falle, Schließen-Button nicht erreichbar, keine sinnvolle Beschriftung
Content	Bilder ohne Alt-Text, Überschriften nur visuell formatiert, PDFs nicht barrierefrei

Barrierefreiheit als Performance- und Conversion-Thema

Barrierefreiheit ist mehr als eine rechtliche Pflicht – sie ist ein systematisches UX-Projekt mit messbarem wirtschaftlichem Nutzen. Weniger Kaufabbrüche entstehen durch bessere Bedienbarkeit. Eine bessere User Experience kann die Conversion verbessern, weil Nutzer schneller finden, was sie suchen, und weniger Frustration beim Checkout erleben.

Konkrete Messpunkte, die du vor und nach der Optimierung tracken solltest:

• Checkout-Abbruchrate vor und nach Änderungen
• Formular-Fehlerraten (wie oft müssen Nutzer Formulare korrigieren?)
• Nutzung von Suche und Filter (werden sie gefunden und genutzt?)
• Exit-Rates auf kritischen Seiten (Produktdetailseite, Warenkorb, Checkout)
• Support-Tickets und Beschwerden zu Bedienproblemen

Du musst nicht „alles gleichzeitig" umsetzen. Priorisiere nach Umsetzbarkeit, wirtschaftlichem Nutzen und Messbarkeit. So behältst du den Überblick und kannst den Erfolg deiner Maßnahmen nachvollziehen – und intern oder extern kommunizieren.

Update- und Umsetzungsstrategie für JTL-Shop: Entscheidungslogik

Die Entscheidung, ob und wie du ein Update durchführst, hängt von deiner aktuellen Situation ab. Hier eine einfache Entscheidungslogik:

Wenn du noch eine JTL-Shop-Version unter 5.4 nutzt, solltest du ein Update-Projekt einplanen. Das Risiko und der Aufwand sind größer, aber aus Sicherheits- und Compliance-Gründen dringend empfohlen. Nutzt du bereits 5.4.x, war das Update auf 5.5.x ein sinnvoller und meist gut machbarer Schritt in Richtung Barrierefreiheit.

Die Aufwands- und Risiko-Treiber sind:

• Anzahl individueller Template-Anpassungen (je mehr, desto aufwendiger)
• Anzahl kritischer Plugins (manche funktionieren nach Updates nicht mehr)
• Checkout-Customizations (z. B. eigene Payment-Integrationen oder Versandlogik)
• Hosting und PHP-Version (veraltete PHP-Versionen erfordern zusätzliche Schritte)

Plane frühzeitig, wenn du externe Unterstützung benötigst – Ressourcen und Timing sind entscheidend. Eine gute Agentur oder ein erfahrener Entwickler kann dir helfen, Risiken zu minimieren und das Update strukturiert durchzuführen.

Was ein Plugin leisten kann – und wo die Grenzen liegen

Plugins können dabei helfen, Frontend-Anpassungen vorzunehmen, etwa indem sie Nutzern ermöglichen, Kontraste oder Schriftgrößen anzupassen. Sie bieten ergänzende Accessibility-Features, die den Einstieg erleichtern und schnell sichtbare Verbesserungen bringen.

Allerdings haben Plugins auch klare Grenzen: Strukturelle Template-Probleme, falsche Überschriften oder unzugängliche Komponenten lassen sich oft nur direkt im Template oder im Code beheben. Ein Plugin kann keine fehlerhafte HTML-Struktur reparieren oder semantisch falsche Elemente korrigieren.

Content-Probleme wie fehlende Alt-Texte oder unverständliche Texte bleiben eine redaktionelle Aufgabe. Ein Plugin kann nicht automatisch sinnvolle Alt-Texte erzeugen oder Texte verständlicher machen.

Achte auf Kosten- und Betriebsaspekte: Manche Lösungen rechnen nach Requests ab, was bei viel Traffic teuer werden kann. Prüfe technische Abhängigkeiten wie etwa verschlüsselte Plugins (z. B. mit ionCube Loader) – das kann Wartung und Updates erschweren und dich in Abhängigkeit vom Anbieter bringen. Wenn du dafür einen Praxisbezug suchst, lies dich kurz in JTL ionCube Loader ein.

Praxisnahe Mini-Roadmap: In 7, 30 und 90 Tagen

Die folgende Roadmap zeigt dir, wie du in kurzer Zeit spürbare Fortschritte erzielen kannst – ohne dich zu verzetteln.

In 7 Tagen: Führe ein Quick Audit durch und behebe die Top 10 Barrieren (Kontraste, Tastaturbedienung, Überschriften). Teste die kritische Customer-Journey (Homepage → Produkt → Warenkorb → Checkout) mit Tastatur und Zoom.

In 30 Tagen: Optimiere Template und Checkout (Formulare, Fehlermeldungen, Fokuszustände). Pflege Content-Basics (Alt-Texte, Labels, sprechende Linktexte) und etabliere einen Testprozess (wer testet, wie oft, mit welchen Tools?).

In 90 Tagen: Etabliere kontinuierliche Optimierung, baue Governance-Prozesse auf (z. B. Checklisten für neue Inhalte) und stelle sicher, dass neue Features barrierefrei ausgerollt werden. Dokumentiere deine Fortschritte und lege fest, wie Barrierefreiheit in deinem Unternehmen langfristig verankert wird.

Für dich als Entscheider heißt das: Was bringt am schnellsten Sicherheit und UX-Impact? Priorisiere danach – und kommuniziere Fortschritte auch intern, um Rückhalt für weitere Maßnahmen zu schaffen.

Häufige Fragen zu JTL-Shop und BFSG

Gilt das BFSG für meinen Online-Shop?
Ja, wenn du mehr als 10 Mitarbeitende oder einen Jahresumsatz bzw. eine Bilanzsumme von über 2 Millionen Euro hast. Kleinstunternehmen im Dienstleistungsbereich können ausgenommen sein.

Bin ich als Kleinstunternehmen ausgenommen?
Möglicherweise ja, gemäß § 3 Abs. 3 BFSG. Im Zweifel solltest du das rechtlich prüfen lassen – besonders wenn du Kunsthandwerk, Gravuren oder ähnliche Dienstleistungen anbietest. Die Definition von „Dienstleistung" ist im Gesetz spezifisch geregelt.

Betrifft es nur die Website oder auch mobile Nutzung?
Alle digitalen Angebote sind betroffen, einschließlich mobiler Darstellung und Apps. Responsive Design ist daher ein wichtiger Aspekt – viele Barrieren treten gerade mobil besonders stark zutage.

Reicht ein Update auf die neueste JTL-Shop-Version?
Das Update auf JTL-Shop 5.5.x war ein sehr guter Schritt, da viele Barrieren im Standard-Template abgebaut wurden. Allerdings musst du auch individuelle Anpassungen, Plugins und Inhalte prüfen – ein Update allein reicht nicht.

Was sind die häufigsten Barrieren im Checkout?
Fehlermeldungen nur farblich markiert, Pflichtfelder unklar, Captcha nicht zugänglich, Formular-Labels fehlend oder uneindeutig. Auch die Reihenfolge der Formularfelder und die Bedienbarkeit per Tastatur sind oft problematisch.

Wie teste ich schnell, ob mein Shop grob barrierefrei ist?
Nutze Tastatur-Navigation (Tab-Taste), zoome auf 200 Prozent und teste mit einem einfachen Screenreader wie NVDA (Windows) oder VoiceOver (Mac). Diese Tools sind kostenlos und geben dir einen ersten Eindruck.

Welche Rolle spielen Inhalte wie Bilder, Texte und Videos?
Sehr große. Alt-Texte, Untertitel, klare Texte und sprechende Linktexte sind unverzichtbar – und keine technische, sondern eine redaktionelle Aufgabe. Plane Zeit für Content-Audits ein und schule dein Team.

Handlungsempfehlung: Jetzt vorbereiten statt später hektisch reagieren

Der Stichtag 28. Juni 2025 ist bereits erreicht. Bereite dich jetzt vor, statt unter Zeitdruck zu geraten. Schaffe zunächst die technische Basis: Prüfe Shop-Version und PHP-Version, inventarisiere Template und Plugins, teste die kritische Customer-Journey (Tastatur, Zoom, Formulare). Wenn du dafür einen verlässlichen Umsetzungspartner suchst, kann ein JTL Service Partner die Planung, Priorisierung und technische Umsetzung begleiten.

Erstelle dann einen Prioritätenplan: Quick Wins zuerst (Kontraste, Fokuszustände, Alt-Texte), danach strukturelle Themen (Template-Komponenten, Navigation, Formulare), schließlich Content-Optimierung (Texte, Linktexte, Medien). Plane Ressourcen ein – intern oder extern – und setze realistische Meilensteine.

Barrierefreiheit bedeutet rechtliche Absicherung, bessere User Experience und potenziell bessere Conversion. Sie ist kein einmaliges Projekt, sondern ein kontinuierlicher Prozess. Wenn du strukturiert vorgehst, ist sie absolut machbar – und zahlt sich aus: für deine Nutzer, für dein Geschäft und für deine Rechtssicherheit.