Barrierefreiheit nach BFSG

- Version: 6.7.1
- Letztes Update: 02. September 2026
- Kompatibilität: 6.7.*
Beschreibung
Dieses Plugin verbessert die Zugänglichkeit deines Storefronts automatisch. Sobald das Plugin aktiv ist, prüft es jede aufgerufene Seite direkt im Browser des Besuchers und behebt viele der häufigsten Barrieren, ohne dass Du dafür Templates anpassen oder Einstellungen pflegen musst.
Das Ziel ist ein Shop, den auch Menschen mit Einschränkungen gut bedienen können, sei es mit einem Screenreader, ausschließlich mit der Tastatur oder mit anderen Hilfsmitteln.
Was das Plugin verbessert
- Bildbeschreibungen: Bilder ohne Alternativtext erhalten einen Ersatztext aus dem hinterlegten Titel, ersatzweise aus dem Dateinamen. Screenreader überspringen das Bild dann nicht mehr kommentarlos.
- Formular-Beschriftungen: Eingabefelder ohne erkennbare Beschriftung werden aus Platzhalter, Titel oder Feldname benannt, damit Screenreader ansagen können, worum es geht.
- Leere Schaltflächen und Links: Bedienelemente ohne Text bekommen eine Bezeichnung aus Titel, Bildbeschreibung oder Ziel-Adresse.
- Überschriften-Struktur: Sprünge in der Überschriften-Hierarchie werden geglättet, damit die Gliederung schlüssig bleibt.
- Technische Auszeichnungen: Fehlerhafte Angaben für Screenreader werden bereinigt, sodass keine widersprüchlichen Informationen vorgelesen werden.
- Orientierungspunkte: Kopfbereich, Navigation, Hauptinhalt und Fußbereich werden als Bereiche gekennzeichnet.
- Ausgeblendete Bereiche: Inhalte, die für Screenreader ausgeblendet sind, sowie Kopien in Bildergalerien werden aus der Tab-Reihenfolge genommen. Die Tastatur-Navigation läuft dadurch nicht mehr ins Leere.
- Tastatur-Bedienung: Klickbare Elemente werden per Tastatur erreichbar. Das aktive Element wird deutlich hervorgehoben und bei Bedarf in den sichtbaren Bereich gescrollt.
Vollautomatisch im Hintergrund
Das Plugin arbeitet ohne Eingriff in deine Templates. Es überwacht auch Inhalte, die erst während des Besuchs erscheinen, etwa beim Öffnen eines Menüs oder beim Nachladen von Produkten, und verbessert diese ebenfalls.
Bei Bedienung mit der Tastatur wird das aktive Element klar umrahmt, bei Bedienung mit der Maus bleibt diese Hervorhebung unsichtbar. An Farben, Abständen und Anordnung deines Themes ändert das Plugin nichts.
Hinweise
Das Plugin behebt automatisch viele verbreitete Schwachstellen und ist eine gute Grundlage für einen barriereärmeren Shop. Eine vollständige Prüfung nach den geltenden gesetzlichen Anforderungen ersetzt es nicht.
Die automatisch ergänzten Beschreibungen sind deutschsprachig. In fremdsprachigen Verkaufskanälen erhalten betroffene Elemente daher deutsche Texte. Betroffen sind ausschließlich Elemente, für die im Theme gar keine Beschriftung hinterlegt ist. Ein im Medienmanager gepflegter Alternativtext oder eine im Template gesetzte Beschriftung hat immer Vorrang und bleibt unangetastet.
Support
Fragen oder Wünsche? Die ZweiPunkt GmbH unterstützt Dich gerne. Den Kontakt findest Du unter zwei.gmbh.
Fragen & Antworten
Bewertungen
Konfigurationsanleitung
Installation
Du hast zwei Wege, das Plugin zu installieren.
- Über den Shopware Account: Lade die Erweiterung in deinem Shop unter Erweiterungen > Meine Erweiterungen herunter und installiere sie.
- Über eine ZIP-Datei: Lade die ZIP-Datei unter Erweiterungen > Meine Erweiterungen über die Schaltfläche zum Hochladen hoch.
Aktivierung
Öffne im Admin den Bereich Erweiterungen > Meine Erweiterungen, suche den Eintrag ZweiPunkt Barrierefreiheit und aktiviere ihn über den Schalter.
Konfiguration
Es ist keine Konfiguration nötig. Das Plugin bringt keine Einstellungsseite mit und arbeitet unmittelbar nach der Aktivierung im Storefront auf jeder Seite.
Ergebnis prüfen
Rufe dein Storefront auf und navigiere einmal nur mit der Tabulator-Taste durch die Seite. Das jeweils aktive Element wird nun deutlich umrahmt. Bilder, Formularfelder und Schaltflächen erhalten im Hintergrund verständliche Beschreibungen für Screenreader.
Gut zu wissen
- Die automatisch ergänzten Beschreibungen sind deutschsprachig. In fremdsprachigen Verkaufskanälen erhalten betroffene Elemente daher deutsche Texte.
- Das Plugin ergänzt nur dort, wo im Theme gar keine Beschriftung hinterlegt ist. Ein im Medienmanager gepflegter Alternativtext hat immer Vorrang und ist der bessere Weg.
- Beim Glätten der Überschriften-Struktur kann sich die Schriftgröße einzelner Überschriften ändern, da dabei die Überschriften-Ebene angepasst wird.
Support
Bei Fragen zur Installation hilft Dir die ZweiPunkt GmbH unter zwei.gmbh.
Changelog
- Verbessert die Barrierefreiheit im Storefront nach der Aktivierung automatisch im Browser
- Ergänzt fehlende Alternativtexte bei Bildern
- Beschriftet unbeschriftete Formularfelder, leere Schaltflächen und Links für Screenreader
- Korrigiert die Reihenfolge der Überschriften-Ebenen
- Bereinigt fehlerhafte technische Auszeichnungen für Screenreader
- Setzt Orientierungspunkte für Kopfbereich, Navigation, Hauptinhalt und Fußbereich
- Macht klickbare Elemente per Tastatur bedienbar und hebt das aktive Element hervor
- Berücksichtigt auch Inhalte, die erst während des Besuchs geladen werden







