Barrierefreiheit

Barrierefreiheit für Onlineshops — geprüft, umgesetzt, dokumentiert.

Wir prüfen Ihren Shop oder Ihre Website nach den Kriterien der WCAG, beheben die Fundstellen in Theme, Inhalten und Plugins und halten fest, was geprüft wurde. Technische Umsetzung — die rechtliche Bewertung bleibt bei Ihrer Rechtsberatung.

Shopware-Partner seit 2014Shopware Bronze & Extension PartnerMittelstand & B2B
Pixup Media
Strategie. Technik. Marketing. Aus einer Hand.
  • Prüfung mit Tastatur, Screenreader und Werkzeugen
  • Umsetzung im Theme, nicht per Overlay
  • Keine Rechtsberatung — technische Umsetzung
Ausgangslage

Die meisten Hürden stecken nicht im Shopsystem, sondern im Theme und in den Inhalten.

Shopware und Shopify liefern eine Grundlage, die vieles richtig macht. Was ein Shop daraus macht — eigenes Theme, Bilder, Banner, Plugins, Formulare —, entscheidet, ob ihn jemand ohne Maus oder mit Screenreader bedienen kann.

Bilder ohne Text

Banner und Teaser mit Botschaft, aber ohne Alternativtext. Ein Screenreader liest dann den Dateinamen vor — oder nichts.

Plugins mit eigenem Markup

Sliders, Pop-ups und Cookie-Banner bringen eigene Bedienelemente mit. Oft lassen sie sich nicht mit der Tastatur schließen.

Werkzeug-Punkte statt Prüfung

Automatische Tests finden nur einen Teil der Probleme. Ob ein Checkout mit der Tastatur zu Ende geht, zeigt nur ein Test mit der Tastatur.

Leistungsumfang

Was wir prüfen und umsetzen.

Wir beginnen mit den Seiten, über die verkauft wird: Startseite, Kategorie, Produkt, Warenkorb, Checkout, Kundenkonto und Kontakt.

Prüfung nach WCAG

Automatische Tests für das, was Werkzeuge finden; Tastatur und Screenreader für den Rest. Gegliedert nach den Kriterien der WCAG in der Fassung, die Sie vorgeben.

Theme und Komponenten

Fokusreihenfolge, sichtbarer Fokus, Kontraste, Beschriftungen von Formularen und Schaltflächen — im Theme behoben, damit es überall wirkt.

Inhalte

Alternativtexte, Überschriftenfolge, Linktexte, Tabellen. Mit Anleitung, damit Ihr Team neue Inhalte richtig anlegt.

Plugins und Dienste

Was eingebundene Erweiterungen und Dienste an Hürden mitbringen, und ob sie sich beheben, ersetzen oder nur dokumentieren lassen.

Prüfprotokoll

Je Seite und Kriterium: geprüft, Ergebnis, behoben oder offen. Grundlage für Ihre Erklärung zur Barrierefreiheit, die Sie mit Ihrer Rechtsberatung erstellen.

Auszug aus einem Prüfprotokoll mit fünf Prüfpunkten: Alternativtexte, Tastaturbedienung im Checkout, sichtbarer Fokus, Kontraste und Formularbeschriftungen. Je Punkt steht, ob er automatisch, von Hand oder auf beide Arten geprüft wird.
Werkzeuge finden einen Teil der Probleme. Tastatur und Screenreader zeigen, ob ein Mensch den Kauf abschließen kann.
Grafik in voller Größe öffnen

Was eine Prüfung leisten muss

Barrierefreiheit lässt sich nicht an einer Zahl ablesen. Automatische Werkzeuge finden fehlende Alternativtexte, schwache Kontraste oder Formularfelder ohne Beschriftung. Ob ein Kunde mit der Tastatur durch den Checkout kommt, ob ein Pop-up den Fokus einfängt oder ob ein Screenreader die Variantenauswahl verständlich vorliest, finden sie nicht.

Wir prüfen deshalb auf zwei Wegen: automatisch für alles, was sich maschinell feststellen lässt, und von Hand mit Tastatur und Screenreader auf den Seiten, über die verkauft wird. Jedes Problem bekommt eine Fundstelle und das Kriterium der WCAG, gegen das es verstößt.

Was wir in 51 Shopware-Shops gesehen haben

Für eine erste Einordnung haben wir am 5. Oktober 2026 die Startseiten von 51 Shopware-6-Shops ausgelesen, die in Google-Treffern zu 35 Produktsuchen standen. Gemessen haben wir nur, was im ausgelieferten HTML steht — ohne JavaScript und ohne Bewertung von Kontrasten oder Bedienung:

MerkmalErgebnis
Sprunglink zum Hauptinhalt im HTML44 von 51 Startseiten
Sprache der Seite angegeben51 von 51
Zoomen auf dem Telefon gesperrt0 von 51
mindestens ein Bild ganz ohne alt-Attribut30 von 51

Insgesamt standen auf den 51 Startseiten 5.349 Bilder. 510 hatten gar kein alt-Attribut, Tracking-Pixel nicht mitgezählt. Bei weiteren 558 war das Attribut leer — das ist richtig, wenn ein Bild nur schmückt, und falsch, wenn darauf ein Angebot steht. Welcher Fall vorliegt, sieht nur ein Mensch.

Die Sprunglinks stammen aus Shopware selbst: Die Standard-Storefront bringt in 6.6.10.6 wie in 6.7.2.2 Links zum Hauptinhalt, zur Hauptnavigation und zur Suche mit. Wo sie fehlen, hat ein eigenes Theme sie entfernt oder überschrieben. Die Bilder ohne alt-Attribut kamen dagegen fast alle aus der Medienverwaltung des Shops, also aus Bannern, Teasern und Kategoriebildern, die das Team selbst pflegt. Nur ein kleiner Teil waren Symbole aus dem Theme.

Wie dieselben Shops bis in den Checkout bei einer automatisierten Prüfung abschneiden, zeigt unsere Messung Barrierefreiheit von Shopware-Checkouts.

Wo wir beheben

Probleme, die im Theme oder in Komponenten stecken, beheben wir dort — eine korrigierte Vorlage wirkt auf jeder Seite. Probleme in Inhalten beheben wir mit Ihrem Team, damit neue Inhalte gleich richtig angelegt werden. Bei Plugins und Diensten Dritter prüfen wir, ob sich das Problem beheben lässt, ob es eine bessere Alternative gibt oder ob es dokumentiert werden muss.

Ein Overlay-Skript setzen wir nicht ein. Es ändert nicht das Markup des Shops, und die eigentlichen Hürden bleiben.

Was wir nicht übernehmen

Ob und in welchem Umfang das Barrierefreiheitsstärkungsgesetz für Ihr Unternehmen gilt und was in Ihrer Erklärung zur Barrierefreiheit stehen muss, ist eine Rechtsfrage. Die klären Sie mit Ihrer Rechtsberatung. Einen Überblick über das Gesetz gibt unser Beitrag BFSG: Online-Shops barrierefrei gestalten aus dem Jahr 2025. Wir übernehmen die technische Seite: prüfen, beheben, dokumentieren.

Barrierefreiheit entsteht im Theme und in den Inhalten. Ein Werkzeug findet den Anfang, die Tastatur zeigt den Rest.

Vorgehen

So gehen wir vor.

  1. 01

    Umfang festlegen

    Welche Seiten, welche Vorlagen, welche Fassung der WCAG. Dazu: wer Ihre rechtliche Einordnung übernimmt.

  2. 02

    Prüfen

    Automatische Tests, dann Tastatur und Screenreader auf den Kernseiten. Ergebnis ist eine Liste mit Fundstelle und Kriterium je Problem.

  3. 03

    Beheben

    Zuerst Theme und Komponenten, weil sie auf allen Seiten wirken. Dann Inhalte und Plugins.

  4. 04

    Nachprüfen und dokumentieren

    Jede Korrektur wird erneut geprüft. Am Ende steht das Protokoll mit dem Stand zum Prüfdatum.

Ergebnis

Was Sie am Ende haben.

  • Liste der Fundstellen mit Kriterium, Seite und Priorität
  • Behobene Probleme in Theme, Komponenten und Inhalten
  • Prüfprotokoll mit Datum und Ergebnis je Kriterium
  • Anleitung für Ihr Team: Alternativtexte, Überschriften, Linktexte
  • Liste der Punkte, die an Plugins oder Diensten Dritter hängen
Für wen geeignet

Wann sich ein Barrierefreiheits-Check lohnt.

Passt zu Ihnen, wenn

Passt, wenn …

  • Sie verkaufen online an Verbraucher und wollen wissen, wo Ihr Shop heute steht
  • Ihre Rechtsberatung hat Anforderungen formuliert, die technisch umgesetzt werden müssen
  • Ein Relaunch oder neues Theme steht an und soll von Anfang an barrierefrei sein
  • Sie haben einen Werkzeugbericht und wissen nicht, was davon zuerst zählt
Eher nicht das Richtige, wenn

Eher nicht, wenn …

  • Sie suchen eine rechtliche Bewertung, ob und wie das BFSG für Sie gilt
  • Ein Overlay-Skript soll das Problem ohne Änderungen am Shop lösen
  • Sie brauchen ein Zertifikat einer Prüfstelle
FAQ

Fragen zur Barrierefreiheit im Shop

Lassen Sie uns sprechen

Wo steht Ihr Shop heute?

Schicken Sie uns die Adresse Ihres Shops und, wenn vorhanden, die Vorgaben Ihrer Rechtsberatung. Wir sagen Ihnen, womit wir anfangen würden und welcher Umfang sinnvoll ist.

Wir melden uns zeitnah bei Ihnen.Persönlicher AnsprechpartnerKostenfreies Erstgespräch