LeitfädenWCAG-taugliche UX mit weniger Rätselraten ausrollen.
Europäische
UnionDigitale Barrierefreiheit
Jetzt gesetzlich vorgeschrieben.
EAA ist jetzt in KraftDie Frist des European Accessibility Act ist abgelaufen. Nicht konforme Websites riskieren Bußgelder bis zu 100.000 € pro Verstoß. Handeln Sie jetzt, um Ihr Unternehmen zu schützen.
Jetzt konform werdenDer European Accessibility Act (EAA) verpflichtet alle digitalen Dienste, E-Commerce-Plattformen und Finanzdienstleistungen zur Einhaltung der WCAG 2.2 Standards. Bei Nichteinhaltung drohen Bußgelder bis zu 100.000 € pro Verstoß.
Neu
Die ersten 1.000 Nutzungen kostenlosMonatlich erneuert · 1 Website inklusive · keine Kreditkarte erforderlich
Vorgeschrieben durch den European Accessibility Act (EU 2019/882)Verbesserungen für ADA, AODA, Section 508, EN 301 549, WCAG 2.1 & 2.2
Kapitel 02 · Live-WCAG-Scan
Testen Sie Ihre Site auf WCAG-Konformität
Enter your URL to see a quick preview of WCAG findings, risk level and accessibility score. The detailed report unlocks after lead submission.
WCAG 2.2 AA · AAA Ergebnis in 30 Sekunden Free preview
This quick scan is an automated preliminary assessment and does not replace a comprehensive expert audit or legal compliance opinion. You can unlock the detailed report by sharing your details.
POUR-Modell
Das Erste und Einzige Ganzheitliche Erlebnis, Angepasst an Jeden Verstand
accsible.com bietet über 35 Werkzeuge, die die vier Grundprinzipien der WCAG 2.2 abdecken.
Informationen und Benutzeroberflächen müssen so dargestellt werden, dass Benutzer sie wahrnehmen können.
Sehbehinderung · Farbenblindheit · Hörbehinderung6Werkzeuge
6WCAG-Kriterien
Schriftvergrößerung
WCAG 1.4.4Stufenweise Textvergrößerung von 100 % bis 200 %, ohne das Layout zu zerstören. Menschen mit Sehschwäche können bequem lesen, ohne eine Bildschirmlupe zu benötigen.
Hochkontrast-Modus
WCAG 1.4.3Mehrere Kontrastprofile, darunter Schwarz auf Weiß, Gelb auf Schwarz und invertierte Farben. Stellt sicher, dass Text das Mindestverhältnis von 4,5:1 erfüllt.
Farbenblindheit-Filter
WCAG 1.4.18 Echtzeitfilter für Deuteranopie, Protanopie und Tritanopie. Ersetzt farbabhängige Hinweise durch Muster, die Benutzer unterscheiden können.
Legasthenie-Schrift
WCAG 1.4.4Wechselt zu OpenDyslexic, einer Schrift mit betonter Unterseite, die Buchstabenverwechslungen verringert. In Kombination mit Abstandseinstellungen für maximale Lesbarkeit.
Textlupe (Lens)
WCAG 1.4.4Eine Lupe folgt dem Cursor und vergrößert Text und Bilder in einem schwebenden Tooltip. Die gesamte Seite muss nicht vergrößert werden.
Zeilen-/Wort-/Buchstabenabstand
WCAG 1.4.12Separate Regler für Zeilenhöhe, Wortabstand und Buchstabenabstand. Hilft Menschen mit Legasthenie und Sehschwäche, Textblöcke zu erfassen.
Benutzeroberflächen und Navigation müssen von allen Benutzern bedienbar sein.
Motorische Behinderung · Tastaturnutzer · Neurologische Erkrankungen6Werkzeuge
5WCAG-Kriterien
Zum Inhalt springen
WCAG 2.4.1Fügt oben auf jeder Seite automatisch einen Link „Zum Hauptinhalt springen“ ein. Tastaturnutzer überspringen sich wiederholende Navigation mit einem einzigen Tastendruck.
Tastaturfokus-Verbesserung
WCAG 2.4.7Fügt jedem interaktiven Element einen gut sichtbaren Fokusring hinzu. Stellt sicher, dass Nutzer, die nur die Tastatur verwenden, jederzeit wissen, wo sie sich auf der Seite befinden.
Cursorvergrößerung
WCAG 2.5.8Ersetzt den Standardzeiger durch einen großen schwarzen oder weißen Cursor. Menschen mit Tremor oder Sehschwäche können den Cursor auf dem Bildschirm besser verfolgen.
Lesehilfe
Ein horizontales Lineal folgt dem Cursor Zeile für Zeile und verringert das Überspringen von Zeilen bei Menschen mit Aufmerksamkeits- oder Verfolgungsschwierigkeiten.
Link-Hervorhebung
WCAG 1.4.1Unterstreicht und markiert jeden Link auf der Seite farblich, sodass Nutzer klickbare Elemente nicht allein anhand der Farbe erkennen müssen.
Klickziel-Vergrößerung
WCAG 2.5.8Vergrößert die Klickfläche von Buttons und Links auf mindestens 44x44 CSS-Pixel. Verhindert versehentliche Fehlklicks bei Menschen mit motorischen Einschränkungen.
Informationen und Bedienung der Benutzeroberfläche müssen verständlich sein.
Kognitive Behinderung · Legasthenie · ADHS · Ältere Benutzer6Werkzeuge
4WCAG-Kriterien
Inhaltsvereinfachung
WCAG 1.3.2Reduziert mehrspaltige Layouts auf eine einzige lesbare Spalte und blendet dekorative Elemente aus. Verringert die kognitive Belastung bei ADHS oder Lernschwierigkeiten.
Sprachumschaltung
WCAG 3.1.1Unterstützt über 42 Oberflächensprachen mit automatischer Einfügung des lang-Attributs. Screenreader sprechen Inhalte in der richtigen Sprache aus.
Schriftart-Auswahl
Wahl zwischen Serif-, Sans-Serif- und Monospace-Schriften. Manche Menschen mit kognitiven Beeinträchtigungen lesen mit einem bestimmten Schriftstil besser.
Lesemaske
Dunkelt alles außerhalb eines horizontalen Streifens um den Cursor ab und isoliert so die aktuelle Zeile. Hilft Menschen mit Aufmerksamkeitsstörungen, konzentriert zu bleiben.
Animation stoppen
WCAG 2.2.2Pausiert alle CSS-Animationen, GIFs und automatisch abspielende Videos. Schützt Menschen mit vestibulären Störungen vor bewegungsbedingtem Schwindel.
Vorlesefunktion
WCAG 1.1.1Liest ausgewählten Text mit der Sprachsynthese des Browsers laut vor. Unterstützt einstellbare Geschwindigkeit und Stimmauswahl für über 40 Sprachen.
Inhalte müssen robust genug sein, um zuverlässig von verschiedenen Benutzeragenten interpretiert zu werden, einschließlich assistiver Technologien.
Screenreader · Braillezeilen · Spracheingabe6Werkzeuge
4WCAG-Kriterien
ARIA-Verbesserung
WCAG 4.1.2Durchsucht das DOM und fügt zur Laufzeit fehlende ARIA-Labels, Rollen und Live-Regionen ein. Behebt die häufigsten Barrieren für Screenreader ohne Codeänderungen.
Statusmeldungen
WCAG 4.1.3Umschließt Toast-Benachrichtigungen, Formularfehler und Warenkorb-Aktualisierungen mit ARIA-Live-Regionen, sodass Screenreader sie ansagen, ohne den Fokus zu verschieben.
Überschriftenstruktur-Korrektur
WCAG 1.3.1Erkennt übersprungene Überschriftenebenen (z. B. h1 zu h3) und korrigiert die Hierarchie für assistive Technologien. Das visuelle Erscheinungsbild bleibt erhalten.
Barrierefreiheitserklärung
Erstellt automatisch eine öffentliche Barrierefreiheitsseite mit Konformitätsstatus, bekannten Problemen und Kontaktinformationen. Wird bei jedem Scan aktualisiert.
Audiosteuerung
WCAG 1.4.2Bietet eine Stummschalttaste mit einem Klick für alle automatisch abspielenden Audio- und Videoinhalte. Verhindert Störungen der Screenreader-Ausgabe.
Feedback-Button
Bettet ein dauerhaftes Feedback-Widget zur Barrierefreiheit ein, damit Besucher Barrieren direkt melden können. Meldungen werden an Ihr Dashboard weitergeleitet.
Kompatibilität
Funktioniert überall.
accsible.com ist eine browserbasierte Lösung, die unabhängig von Ihrem CMS, E-Commerce-Plattform oder Tech-Stack funktioniert — Installation mit einem einzigen <script>-Tag.
See all 33+ platforms →Mobiles SDK
Demnächst: Barrierefreiheit auch für mobile Apps.
Bringen Sie mit dem Accsible Mobile SDK dasselbe barrierefreie Erlebnis in Ihre nativen iOS- und Android-Anwendungen.
Native Komponenten
Speziell entwickelte UI-Komponenten, die den Barrierefreiheitsrichtlinien von iOS und Android entsprechen.
Volle Konformität
Erfüllen Sie WCAG 2.2, EAA, ADA und Section 508 in Ihrer gesamten mobilen Erfahrung.
Einfache Integration
Fügen Sie eine einzige Abhängigkeit hinzu. Funktioniert mit Swift, Kotlin, React Native und Flutter.
Vollständig anpassbar
Passen Sie Themen, Farben und Interaktionsmuster an Ihre Marke an.
iOS (Swift)Android (Kotlin)React NativeFlutter
Einfache Einrichtung
In 2 Schritten barrierefrei.
1
Konto erstellen
- Registrieren Sie sich kostenlos mit Ihrer E-Mail
- Geben Sie Ihre Website-Adresse (Domain) ein
- Mit dem kostenlosen Plan starten oder einen bezahlten Plan testen
Wenn Ihr Konto bereit ist:
✓ Einzigartiges <script>-Tag für Ihre Website✓ Zentrales Dashboard für Ihre Websites und das Widget✓ Über 35 Werkzeuge und Anpassungen2
Script zu Ihrer Website hinzufügen
Fügen Sie den Code aus Ihrem Dashboard in den <head>-Bereich Ihrer Website ein:
HTML
<!-- accsible.com widget -->
<script
src="https://cdn.accsible.com/widget.js"
data-key="YOUR_UNIQUE_KEY"
async
></script>Das war's. Das Widget aktiviert sich innerhalb von Sekunden.
Preise
Klare Pakete. Dieselben leistungsstarken Funktionen.
Starten Sie kostenlos und wechseln Sie bei höherer Nutzung zu Monats-, Jahres-, Enterprise- oder Partnerplänen.
Kostenloser Einstieg
Die ersten 1.000 Nutzungen kostenlos
Installieren Sie das Accsible-Widget kostenlos für 1 Website. Ihr Nutzungslimit erneuert sich jeden Monat.
- ✓1 Website inklusive
- ✓1.000 monatliche Nutzungen
- ✓39+ Barrierefreiheits-Tools
- ✓Keine Kreditkarte erforderlich
$0/Monat
Wenn Sie das Limit erreichen, können Sie auf einen bezahlten Plan upgraden.
Monatlich
$29/Monat
- ✓Hohes monatliches Sitzungsvolumen
- ✓Widget (42 Sprachen, 8 Profile)
- ✓E-Mail-Support
- ✓14 Tage kostenloser Test für bezahlte Pläne
- ✓Branding
- ✓Barrierefreiheitserklärung
- ✓Alle 39+ Barrierefreiheits-Tools
- ✓Monatlicher Barrierefreiheitsbericht
- ✓WCAG 2.1 & WCAG 2.2 Konformitätsüberwachung
BEGRENZTE KONTINGENTE
Die letzten 1.000
Die letzten 1.000
Jährlich
$500$249/Jahr
- ✓Hohes monatliches Sitzungsvolumen
- ✓Widget (42 Sprachen, 8 Profile)
- ✓E-Mail-Support
- ✓14 Tage kostenloser Test für bezahlte Pläne
- ✓Branding
- ✓Barrierefreiheitserklärung
- ✓Alle 39+ Barrierefreiheits-Tools
- ✓Monatlicher Barrierefreiheitsbericht
- ✓WCAG 2.1 & WCAG 2.2 Konformitätsüberwachung
Enterprise
Individuell
- ✓Hohes monatliches Sitzungsvolumen
- ✓Widget (42 Sprachen, 8 Profile)
- ✓E-Mail-Support
- ✓14 Tage kostenloser Test für bezahlte Pläne
- ✓Branding
- ✓Barrierefreiheitserklärung
- ✓Alle 39+ Barrierefreiheits-Tools
- ✓Monatlicher Barrierefreiheitsbericht
- ✓WCAG 2.1 & WCAG 2.2 Konformitätsüberwachung
Partner
Für Agenturen, Integratoren und Wiederverkäufer.
Partner-Vorteile
- ✓Mengenrabatt auf Lizenzen
- ✓White-Label-Option
- ✓Verkauf an Ihre eigenen Kunden
- ✓Partner-Dashboard
- ✓Provisionssystem
- ✓Dedizierter Partner-Support
Der kostenlose Plan umfasst 1 Website und 1.000 monatliche Nutzungen. Bezahlte Pläne können Sie außerdem 14 Tage kostenlos testen.
Häufig gestellte Fragen
Ihre Fragen beantwortet.
WCAG (Web Content Accessibility Guidelines) ist der internationale Standard, damit Webinhalte für Menschen mit Behinderungen nutzbar sind. Konformität fördert Inklusion und entspricht zugleich Regelwerken wie dem European Accessibility Act (EAA) und nationalen Vorgaben. accsible hilft mit automatischen Korrekturen und einer Barrierefreiheits-Symbolleiste vor Ort, viele typische Barrieren zu reduzieren und sich WCAG 2.2 anzunähern.
Sie binden ein einziges Script-Snippet ein. Besucher erhalten ein Menü für Schriftgröße, Kontrast, Lesehilfen, Tastaturfokus und mehr—ähnlich wie bei gängigen Barrierefreiheits-Widgets—ohne dass Sie das gesamte Frontend neu bauen müssen.
Nein. Wenn Sie eine Zeile Code in Layout, Theme, Tag-Manager oder ein benutzerdefiniertes HTML-Feld einfügen können, können Sie accsible ausrollen. Kein Build-Schritt oder Paket-Install nötig.
Accsible ist auf WCAG 2.1 und WCAG 2.2 ausgerichtet und orientiert sich an gängigen Rahmenwerken wie EN 301 549, ADA, Section 508 und AODA. Rechtliche Konformität hängt immer von Inhalt, Design und Zuständigkeit ab; das Widget beseitigt viele typische Barrieren, ersetzt aber kein vollständiges Audit oder Rechtsberatung.
Nein. Das Script lädt asynchron und blockiert das Rendering nicht. Es wird über ein globales CDN ausgeliefert und ist leistungsorientiert; unter normalen Bedingungen sollten Core Web Vitals und PageSpeed nicht leiden.
Ja. Sie können Accsible für 1 Website und die ersten 1.000 Nutzungen pro Monat kostenlos starten. Für höhere Nutzung oder zusätzliche Anforderungen können Sie auf einen bezahlten Plan upgraden; bezahlte Pläne enthalten außerdem einen 14-tägigen kostenlosen Test.
Accsibleläuft auf klassischen HTML-Seiten und mit gängigen CMS- und Shop-Systemen (z. B. WordPress, Shopify, Wix) sowie Frameworks wie React, Vue und Next.js. Aktuelle Versionen von Chrome, Firefox, Safari, Edge und Opera werden unterstützt; die Oberfläche ist für Smartphones und Tablets responsiv.
Die Barrierefreiheitsoberfläche ist in 42 Sprachen verfügbar, damit Besucher die Symbolleiste in ihrer Sprache nutzen können, einschließlich RTL-Layouts wo zutreffend.
Der kostenlose Plan umfasst 1 Website und 1.000 monatliche Nutzungen. Für mehr Traffic beginnen bezahlte Pläne bei $29 pro Monat; Jahres- und Enterprise-Optionen sind ebenfalls verfügbar.
Accsible bietet 8 fertige Barrierefreiheitsprofile — z. B. für Sehbehinderung, kognitive Einschränkungen, Epilepsie und ADHS — die mit einem Klick eine abgestimmte Kombination von Anpassungen aktivieren. Besucher wählen das passende Profil und das Widget konfiguriert die relevanten Einstellungen automatisch. Mehr dazu erfahren Sie in unserer Wissensdatenbank.