CC BarrierefreiheitCC Barrierefreiheit: dein Shop, zugänglicher für alle.
Ein schwebender Button in deinem Shop öffnet ein Menü mit Anpassungen: größerer Text, Kontrast, Farbfilter, Leselinie, Vorlesen und fertige Zugänglichkeitsprofile. Dazu kommen ein Generator für die Barrierefreiheits-Erklärung und ein automatischer WCAG-Selbstcheck, komplett kostenlos.
Ohne Code · in wenigen Minuten aktiv · nur anonyme Tagessummen, kein Besucher-Tracking
Das Widget
Anpassungen, die Besucherinnen und Besuchern wirklich helfen
Ein Klick auf den schwebenden Button öffnet das Menü. Jede Person stellt sich deinen Shop so ein, wie sie ihn am besten nutzen kann, per fertigem Profil oder einzeln. Jede Funktion heißt hier nach dem, was sie tut, mitsamt ihren Grenzen.
Zugänglichkeitsprofile
- Cursor & Klickziele
- Farbfilter & Links
- Ruhige Ansicht
- Groß & kontrastreich
- Reizarm
- Lesefokus
Ein Profil schaltet mehrere Anpassungen mit einem Klick. „Reizarm“ zum Beispiel pausiert Animationen und dämpft Farben – blinkende Inhalte Dritter (Videos, GIFs, Werbe-Frames) erreicht das Widget nicht.
Text & Anzeige
- Größerer Text
- Zeilenhöhe & Textabstand
- Textausrichtung
- Alternative Schrift in zwei Stufen
- Bilder ausblenden
- Bildbeschreibungen
- Animationen pausieren
- Größerer Cursor
Die alternative Schrift hat zwei Stufen: eine klare Standardschrift des Geräts und die Schriftart OpenDyslexic. Ein Lesevorteil ist nicht belegt – manche Menschen kommen damit besser zurecht. Beim Ausblenden von Bildern können Hintergrundbilder aus dem Theme-CSS sichtbar bleiben; GIFs und Inhalte in fremden Frames lassen sich nicht anhalten.
Farbe
- Kontrast, Helligkeit, Sättigung
- Kontrastschema (geprüftes Farbpaar)
- Farben invertieren
- Graustufen
- Farbmatrix Protanopie
- Farbmatrix Deuteranopie
- Farbmatrix Tritanopie
Das Kontrastschema erzwingt ein geprüftes Farbpaar für Text und Hintergrund – Schwarz auf Weiß, Weiß auf Schwarz, Gelb auf Schwarz oder Dunkelbraun auf Beige. Bilder bleiben dabei unverändert. Die Farbfilter ändern nur die Darstellung der Seite: Sie korrigieren keine Farbsehschwäche und ersetzen keine farbunabhängige Kennzeichnung in deinem Shop.
Navigation & Vorlesen
- Leselinie
- Lesemaske
- Links unterstreichen oder hervorheben
- Fokus sichtbar machen
- Zum Hauptinhalt springen
- Text vorlesen (angeklickter Absatz)
- Seitenstruktur anzeigen
„Fokus sichtbar machen“ zeigt, welches Element gerade per Tastatur ausgewählt ist – viele Themes blenden diese Markierung aus. Der Sprunglink zum Hauptinhalt erscheint erst, wenn er per Tabulator erreicht wird. Vorgelesen wird der Absatz, den man anklickt: dafür wird die Sprachausgabe des Browsers verwendet, die nicht überall verfügbar ist. Das Widget bevorzugt eine Stimme, die auf dem Gerät installiert ist; steht keine zur Verfügung, kann der vorgelesene Text je nach Browser an dessen Hersteller übertragen werden.
Mehr als ein Widget
Erklärungs-Generator & WCAG-Selbstcheck
Barrierefreiheit hört nicht beim Widget auf. Die App unterstützt dich bei zwei Aufgaben, die sonst liegen bleiben.
Generator für die Barrierefreiheits-Erklärung
Erstelle in wenigen Minuten eine strukturierte Barrierefreiheits-Erklärung für deinen Shop, mit deinen Angaben zu Stand, Maßnahmen und Kontaktweg, als fertige Seite oder Text zum Einfügen.
WCAG-Selbstcheck
Die App ruft eine öffentliche Seite deines Shops auf und prüft das ausgelieferte HTML automatisch auf typische Barrieren, etwa fehlende Alt-Texte, ein fehlendes lang-Attribut, eine unsaubere Überschriften-Hierarchie, Links ohne Text, Formularfelder ohne Label oder gesperrtes Zoomen. Du bekommst eine Liste konkreter Hinweise. Das ist ausdrücklich eine Hilfestellung, keine Zertifizierung.
BFSG & EAA
Barrierefreiheit ist Pflichtthema geworden
Mit dem Barrierefreiheitsstärkungsgesetz (BFSG), der deutschen Umsetzung des European Accessibility Act (EAA), gelten seit dem 28. Juni 2025 Barrierefreiheits-Anforderungen für viele Onlineshops im B2C-Geschäft. Grundlage echter Barrierefreiheit ist dabei immer ein zugängliches Theme: saubere Struktur, ausreichende Kontraste, Alternativtexte und Tastaturbedienung.
Genau deshalb ist unsere App bewusst als Ergänzung gebaut: Das Widget gibt deinen Besucherinnen und Besuchern zusätzliche Anpassungsmöglichkeiten, und der Erklärungs-Generator plus der Selbstcheck helfen dir, das Thema strukturiert anzugehen. Ob und wie das BFSG für deinen Shop gilt, klärst du am besten mit anwaltlicher Beratung.
Was diese App NICHT tut
Sie macht deinen Shop nicht automatisch BFSG-/EAA-konform und ersetzt keine barrierefreie Theme-Gestaltung und keine Rechtsberatung. Sie ergänzt Komfort-Funktionen für Besucherinnen und Besucher und unterstützt dich mit dem Erklärungs-Generator und dem Selbstcheck.
Sie repariert auch nichts automatisch. Fehlende Beschriftungen, eine kaputte Überschriftenstruktur oder ein Formular, das sich nicht bedienen lässt, kann kein Overlay zuverlässig in Ordnung bringen. Deshalb versprechen wir keine „Korrektur in Echtzeit“, sondern zeigen dir im Selbstcheck, was du im Theme und in deinen Inhalten selbst beheben musst.
Und sie schützt niemanden vor gesundheitlichen Auslösern: Das Widget wirkt nur auf die Seite selbst. Blinkende Videos, GIFs und Inhalte in fremden Frames erreicht es nicht, und ein Farbfilter ändert die Darstellung, korrigiert aber keine Farbsehschwäche.
Kostenlos
Komplett kostenlos. Wirklich.
Kein Abo, keine Premium-Stufe, keine versteckten Kosten. Wir wollen die Hürde für mehr Zugänglichkeit so niedrig wie möglich halten.
0 € – heute und morgen
Die App ist öffentlich im Shopify App Store und dauerhaft kostenlos. Kein Billing, kein Upselling, keine Testphase, die abläuft.
DSGVO: EU-Hosting & AVV
Betrieb auf Servern in der EU, Auftragsverarbeitungsvertrag (AVV) direkt in der App. Die Einstellungen der Besucher bleiben in deren Browser. An uns geht nur eine anonyme Nutzungszählung als Tagessumme – ohne Cookies, ohne Kennung, ohne IP-Adresse in der Zählung und jederzeit abschaltbar. Details zu den technisch notwendigen Server-Logdateien stehen in der Datenschutzerklärung.
In 3 Schritten startklar
Kein Code, keine Wartung. Du bleibst jederzeit Herr über das Design.
App installieren
Kostenlos über den Shopify App Store, in wenigen Klicks, ohne Code.
Widget aktivieren
App-Embed im Theme-Editor einschalten, der schwebende Button erscheint site-weit.
Anpassen & loslegen
Farbe, Position und Sprachen einstellen, Erklärung generieren, Selbstcheck machen.
FAQ
Häufig gestellte Fragen
Das Wichtigste zu CC Barrierefreiheit, kurz erklärt.
Macht die App meinen Shop BFSG-konform?
Nein. Kein Widget, auch unseres nicht, macht einen Shop automatisch BFSG-/EAA-konform. Barrierefreiheit entsteht in erster Linie durch ein zugängliches Theme (Struktur, Kontraste, Alternativtexte, Tastaturbedienung). Wir versprechen deshalb bewusst keine „automatische Reparatur“: Fehlende Beschriftungen, eine kaputte Überschriftenstruktur oder unbedienbare Formulare kann kein Overlay zuverlässig in Ordnung bringen. Unser Widget ergänzt Komfort-Funktionen für Besucherinnen und Besucher, und der Generator für die Barrierefreiheits-Erklärung sowie der WCAG-Selbstcheck zeigen dir, was du selbst beheben musst. Die App ersetzt keine barrierefreie Theme-Gestaltung und keine Rechtsberatung.
Warum heißen die Profile nicht nach Krankheitsbildern?
Weil ein Widget keine Beeinträchtigung „behandelt“. Ein Profil schaltet mehrere Anpassungen auf einmal, deshalb heißt es nach seiner Wirkung: „Reizarm“ pausiert Animationen und dämpft Farben, „Groß & kontrastreich“ vergrößert Text und erhöht den Kontrast, „Lesefokus“ blendet Leselinie und Lesemaske ein. Ein Name wie „Epilepsie-sicher“ würde einen Schutz versprechen, den kein Overlay einlösen kann: Blinkende Videos, GIFs oder Werbung in fremden Frames liegen außerhalb seiner Reichweite. Jede Person wählt weiterhin frei, was ihr hilft.
Verlangsamt das Widget meinen Shop?
Nein, spürbar nicht. Das Widget ist bewusst leichtgewichtig gebaut und wird verzögert (deferred) geladen, nachdem deine Seite bereits dargestellt ist. Es blockiert weder Rendering noch Checkout.
Welche Daten speichert das Widget?
Die gewählten Einstellungen (z. B. Textgröße oder Farbfilter) bleiben ausschließlich im Browser der Besucherin bzw. des Besuchers (localStorage) und verlassen ihn nicht. Zusätzlich zählt das Widget anonym mit, wie oft es angezeigt und welche Funktion wie oft aktiviert wurde: Gespeichert wird davon ausschließlich die Tagessumme je Shop und Kennzahl. Die Meldung selbst enthält keine Kennung, keine Seitenadresse und keine Uhrzeit, und die Zählung speichert weder IP-Adresse noch Browserkennung (User-Agent) oder Herkunftsseite (Referrer). Wie bei jedem Webserver entstehen daneben technisch notwendige Server-Logdateien; sie werden ausschließlich zur Störungsbeseitigung ausgewertet und nach spätestens 7 Tagen gelöscht – mit den Zählwerten werden sie nicht zusammengeführt. Es werden keine Cookies gesetzt, keine Dienste Dritter eingebunden und Besucherinnen und Besucher werden über Seiten oder Besuche hinweg nicht wiedererkannt. Aus diesen Zahlen lässt sich keine Person rekonstruieren. Eine Ausnahme, die nicht zum Widget gehört, ist die Sprachausgabe beim Vorlesen – dazu die nächste Frage.
Wohin geht der Text, wenn ich ihn vorlesen lasse?
Vorgelesen wird über die Sprachausgabe des Browsers; das Widget selbst überträgt den Text an niemanden. Browser bieten dafür zwei Arten von Stimmen an: Stimmen, die auf dem Gerät installiert sind und offline arbeiten, und Netz-Stimmen, bei denen der Browser den Text zur Umwandlung an seinen Hersteller schickt (in Chrome heißen sie zum Beispiel „Google Deutsch“). Das Widget wählt bevorzugt eine lokal installierte Stimme aus, erzwingen kann es das aber nicht, weil die Auswahl beim Browser liegt. Steht keine lokale Stimme zur Verfügung, kann der vorgelesene Text je nach Browser also an dessen Hersteller übertragen werden. Wer das ausschließen möchte, nutzt die Funktion nicht oder installiert eine Systemstimme.
Kann ich die Nutzungsstatistik abschalten?
Ja, jederzeit mit einem Schalter in den App-Einstellungen. Die Zählung ist standardmäßig an, damit du siehst, ob das Widget überhaupt genutzt wird und welche Funktionen gefragt sind. Schaltest du sie ab, sendet das Widget gar nichts mehr an unsere Server – die Anpassungen im Shop funktionieren unverändert weiter.
Was kostet die App?
Nichts. Die App ist komplett kostenlos, ohne Abo, ohne Premium-Stufe und ohne versteckte Kosten. Sie ist öffentlich im Shopify App Store verfügbar.
Ist das Widget selbst barrierefrei bedienbar?
Ja. Das Widget-Menü ist per Tastatur vollständig bedienbar, mit Screenreadern nutzbar und respektiert die Systemeinstellung „Bewegung reduzieren“.
In welchen Sprachen funktioniert das Widget?
Das Widget erscheint auf Deutsch, Englisch, Französisch, Italienisch und Spanisch, automatisch passend zur Shop-Sprache der Besucherin bzw. des Besuchers.
Was ist der WCAG-Selbstcheck?
Eine automatische Prüfung: Du gibst die Adresse einer öffentlichen Seite deines Shops ein, die App lädt das ausgelieferte HTML und untersucht es anhand technischer Merkmale, zum Beispiel fehlende Alt-Texte, fehlendes lang-Attribut, Überschriften-Hierarchie, Links ohne Text, Formularfelder ohne Label, gesperrtes Zoomen oder iframes ohne Titel. Du erhältst eine Liste konkreter Hinweise mit Erklärung, was zu tun ist. Der Selbstcheck ist ausdrücklich eine Hilfestellung, keine Zertifizierung und kein Audit-Ersatz.
Mach deinen Shop zugänglicher, ab heute.
Installiere CC Barrierefreiheit kostenlos, aktiviere das Widget im Theme-Editor und gib allen Besucherinnen und Besuchern mehr Kontrolle.
Jetzt kostenlos installieren