Ist Ihr Webshop
barrierefrei genug?

Seit 28. Juni 2025 verlangt der European Accessibility Act einen barrierefreien Online-Handel in der ganzen EU. Die Frage ist nicht, ob Ihr Shop perfekt ist, sondern ob die häufigsten Barrieren weg sind.

Website kostenlos prüfen

Ihr Konto nach der ersten Prüfung

Kontoansicht eines Beispielshops: Punkte zu beheben, Hinweise, Dienste, Verlauf

Beispielshop. Jeder Punkt öffnet seine Lösung mit den Schritten für Ihr System.

Kostenlos 14 Tage testen, ohne Kreditkarte. Ergebnis meist in unter zwei Minuten.

Eine Richtlinie, ein Standard

Jeder Mitgliedstaat setzt dieselbe Richtlinie um, Deutschland im BFSG, Österreich im BaFG. Der technische Maßstab ist überall WCAG 2.1 Stufe AA.

  1. 01

    Kontrast zwischen Text und Hintergrund

    Mindestens 4,5:1 für normalen Text. Die häufigste Barriere und die am leichtesten zu behebende.

    WCAG 2.1 Erfolgskriterium 1.4.3

  2. 02

    Bilder ohne Alternativtext

    Ein Produktbild ohne Alternativtext ist für Screenreader unsichtbar. Ein dekoratives Bild braucht einen leeren alt-Wert.

    WCAG 2.1 Erfolgskriterium 1.1.1

  3. 03

    Formularfelder ohne Beschriftung

    Ein Eingabefeld ohne Label ist ein Feld ohne Frage. Suchfelder und Newsletter-Anmeldungen sind häufige Fälle.

    WCAG 2.1 Erfolgskriterium 1.3.1

  4. 04

    Bedienbare Elemente ohne Namen

    Ein Button ohne erkennbaren Namen ist ein Button, der nichts tut, jedenfalls für Screenreader-Nutzer.

    WCAG 2.1 Erfolgskriterium 4.1.2

  5. 05

    Tastaturzugänglichkeit

    Jede Funktion, die mit der Maus geht, muss auch mit der Tastatur gehen. Dropdown-Menüs und eigene Auswahlfelder scheitern daran oft.

    WCAG 2.1 Erfolgskriterium 2.1.1

  6. 06

    Informationen zur Barrierefreiheit (Erklärung)

    Dienstleister beschreiben, wie ihr Dienst die Anforderungen erfüllt, in den AGB oder einem gleichwertigen Dokument, öffentlich und selbst barrierefrei.

    Art. 13 Abs 2 und Anhang V Richtlinie (EU) 2019/882

Schritt für Schritt

  1. Alternativtexte in Shopify

    Produkte, Produkt öffnen, im Bereich Medien auf das Bild klicken und den Alternativtext eintragen. Bilder des Themes im Theme-Editor am jeweiligen Bildblock.

  2. Alternativtexte in WooCommerce

    Medien, Bibliothek, Bild öffnen und Alternativtext ausfüllen. Er gilt überall, wo das Bild erscheint.

  3. Kontrast

    Die Farbe in den Theme-Einstellungen ändern, bis der Kontrast mindestens 4,5:1 erreicht; der Bericht nennt Element und gemessenen Wert.

  4. Beschriftungen und Namen

    Jedem Eingabefeld ein sichtbares Label oder ein aria-label geben, jedem Symbol-Knopf einen Namen, meist im Theme oder in den Einstellungen des Plugins bzw. der App, die ihn einfügt.

Fragen

Was prüft ein automatischer Test?

Werkzeuge wie axe-core prüfen das HTML gegen WCAG-Regeln: Kontrast, Alternativtexte, Beschriftungen, Namen von Bedienelementen, Struktur. Sie finden viele, aber nicht alle Barrieren; Tastaturbedienung und verständliche Inhalte braucht einen Menschen.

Brauche ich eine Erklärung zur Barrierefreiheit?

Dienstleister stellen nach Art. 13 Abs 2 und Anhang V Informationen bereit, wie der Dienst die Anforderungen erfüllt, in den AGB oder einem gleichwertigen Dokument. Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen (Art. 4 Abs 5).

Behebt ein Barrierefreiheits-Widget den Shop?

Ein Widget legt eine Leiste darüber; das HTML des Shops bleibt gleich. Die Barrieren, die ein Test im Code findet, bleiben, bis der Code geändert ist.

Was ein Scan davon zeigt

Er lässt axe-core auf der Startseite, einer Produktseite und der Kasse laufen und meldet, welche Regeln verletzt werden, wie oft, und wie Sie sie beheben. Er behauptet nicht, dass Ihr Shop barrierefrei oder nicht barrierefrei ist, sondern nennt die gefundenen Barrieren, nach Schwere sortiert. Die Ausnahme für Kleinstunternehmen (unter 10 Beschäftigte und unter 2 Millionen Euro Umsatz) lässt sich von außen nicht erkennen; wir vermerken sie, entscheiden sie aber nicht. Auf denselben Seiten prüft er auch die Preisangaben auf der Produktseite.

Website kostenlos prüfen

Stand: 11. Oktober 2026. Wir nennen die Fundstelle, damit Sie nachlesen können; eine Rechtsauskunft ist das nicht.

Website kostenlos prüfen

Kostenlos, ohne Kreditkarte. Das Ergebnis steht meist nach unter zwei Minuten da.

  1. Ergebnis mit der wichtigsten Lösung, auch ohne E-Mail
  2. Mit Ihrer E-Mail: alle Lösungen und 14 Tage Prüfung jede Woche
  3. Der Test endet von selbst, ohne Kreditkarte