Barrierefreiheit
Scripts
99,00
€
Barrierefreiheits-Script: BFSG-konform
Mach deine Website bereit für das am 28. Juni in Kraft tretende Barrierefreiheitsstärkungsgesetz (BFSG)!
Unser Script hilft dir, deine Webseite schnell und einfach barrierefrei zu gestalten.
✅ 1-Zeilen-Integration
✅ Kontrastanpassung für bessere Lesbarkeit bei Sehschwäche
✅ Textgröße individuell anpassbar
✅ Inhalte vorlesen lassen (Text-to-Speech)
✅ Für jede Website & Branche geeignet
Warum Barrierefreiheit?
Erweitere deine Reichweite und zeige Inklusion! Eine barrierefreie Website ist für jeden zugänglich und erhöht die Nutzerfreundlichkeit.
Bitte
einloggen, um zu kaufen
Mach deine Website bereit für das am 28. Juni in Kraft tretende Barrierefreiheitsstärkungsgesetz (BFSG)!
Unser Script hilft dir, deine Webseite schnell und einfach barrierefrei zu gestalten.
✅ 1-Zeilen-Integration
✅ Kontrastanpassung für bessere Lesbarkeit bei Sehschwäche
✅ Textgröße individuell anpassbar
✅ Inhalte vorlesen lassen (Text-to-Speech)
✅ Für jede Website & Branche geeignet
Warum Barrierefreiheit?
Erweitere deine Reichweite und zeige Inklusion! Eine barrierefreie Website ist für jeden zugänglich und erhöht die Nutzerfreundlichkeit.
Changelog & Versionen
Changelog:
Floating Panel:
Die Positionierung unten links ist intuitiv, und das Panel bleibt nun stets sichtbar.
Shadow DOM:
Die Implementierung von Shadow DOM isoliert das Styling des Widgets von den Website-Styles, was Konflikte effektiv verhindert.
Grundlegende Anpassungen:
Wichtige Funktionen wie Kontrastmodus, Farbenblindmodus (Grayscale-Filter), Schriftgrößenanpassung und das Anhalten von Animationen wurden integriert.
Screenreader-Modus / Vorlesefunktion (TTS):
Die Integration von SpeechSynthesisUtterance für das Vorlesen der Seite und die Statusmeldung für den Screenreader-Modus ist nun verfügbar. Die Sprachauswahl wurde ebenfalls hinzugefügt.
Tastaturbedienbarkeit & Fokus-Trap:
Die Implementierung der Fokus-Trap und die allgemeine Tastaturbedienbarkeit sind nun besser gelöst und essenziell für die Barrierefreiheit.
State Management:
Die Nutzung von sessionStorage speichert die Einstellungen nutzerfreundlich, sodass gewählte Optionen über Seitenwechsel hinweg bestehen bleiben.
Reset-Funktion:
Ein "Alles zurücksetzen"-Button wurde hinzugefügt.
Ein-Zeilen-Integration:
Die einfache Integration, da es sich um ein selbstcontained JavaScript handelt.
"BITV/WCAG-konform":
Das Skript unterstütz die Erfüllung der BITV/WCAG-Kriterien (z.B. Kontrast, Textgröße, Tastaturbedienung). Es ist jedoch wichtig zu verstehen, dass kein einziges JavaScript-Widget eine Website allein vollständig BITV/WCAG-konform machen kann. Viele Aspekte (semantischer HTML-Aufbau, korrekte alt-Texte für Bilder, sinnvolle Überschriftenstrukturen, Fokus-Management bei dynamischen Inhalten, ARIA-Attribute für komplexe Widgets, Video-Untertitel etc.) müssen im Quellcode der Website selbst implementiert sein.
Die Positionierung unten links ist intuitiv, und das Panel bleibt nun stets sichtbar.
Shadow DOM:
Die Implementierung von Shadow DOM isoliert das Styling des Widgets von den Website-Styles, was Konflikte effektiv verhindert.
Grundlegende Anpassungen:
Wichtige Funktionen wie Kontrastmodus, Farbenblindmodus (Grayscale-Filter), Schriftgrößenanpassung und das Anhalten von Animationen wurden integriert.
Screenreader-Modus / Vorlesefunktion (TTS):
Die Integration von SpeechSynthesisUtterance für das Vorlesen der Seite und die Statusmeldung für den Screenreader-Modus ist nun verfügbar. Die Sprachauswahl wurde ebenfalls hinzugefügt.
Tastaturbedienbarkeit & Fokus-Trap:
Die Implementierung der Fokus-Trap und die allgemeine Tastaturbedienbarkeit sind nun besser gelöst und essenziell für die Barrierefreiheit.
State Management:
Die Nutzung von sessionStorage speichert die Einstellungen nutzerfreundlich, sodass gewählte Optionen über Seitenwechsel hinweg bestehen bleiben.
Reset-Funktion:
Ein "Alles zurücksetzen"-Button wurde hinzugefügt.
Ein-Zeilen-Integration:
Die einfache Integration, da es sich um ein selbstcontained JavaScript handelt.
"BITV/WCAG-konform":
Das Skript unterstütz die Erfüllung der BITV/WCAG-Kriterien (z.B. Kontrast, Textgröße, Tastaturbedienung). Es ist jedoch wichtig zu verstehen, dass kein einziges JavaScript-Widget eine Website allein vollständig BITV/WCAG-konform machen kann. Viele Aspekte (semantischer HTML-Aufbau, korrekte alt-Texte für Bilder, sinnvolle Überschriftenstrukturen, Fokus-Management bei dynamischen Inhalten, ARIA-Attribute für komplexe Widgets, Video-Untertitel etc.) müssen im Quellcode der Website selbst implementiert sein.
_68718a69e1152_1752271465_688915582a492_1753814360.webp)