Kostenlose Barrierefreiheits-Tools
WCAG-Konformität prüfen, Screenreader-Vorschau anzeigen, Farbenblindheit simulieren, für Legasthenie formatieren und inklusive Erfahrungen schaffen.
Alle Barrierefreiheits-Tools
WCAG Überschriften-Prüfer
Fügen Sie HTML ein, um Ihre Überschriftenhierarchie gegen das Erfolgskriterium WCAG 2.2 1.3.1 zu validieren.
Screenreader-Vorschau
Fügen Sie HTML ein, um zu sehen, wie ein Bildschirmleser es linearisieren und ankündigen würde.
Generator für barrierefreie Farbpaletten
Erstellen Sie eine Farbpalette und sehen Sie sofort, welche Kombinationen die WCAG 2.2 AA (4,5:1) und AAA (7:1) Kontrastverhältnisse erfüllen.
Farbenblindheitssimulator
Sehen Sie, wie Bilder und Farben für Menschen mit Farbsehmängeln aussehen.
Legasthenie-freundlicher Formatierer
Fügen Sie beliebigen Text ein und passen Sie Leseeinstellungen basierend auf Legasthenie-Forschung an. Alles läuft in Ihrem Browser.
Lesbarkeits-Bewertung
Fügen Sie Text ein und sehen Sie sofort die Lesegradstufe nach fünf etablierten Formeln.
Kostenloser Großdruck-Generator
Fügen Sie Text ein und formatieren Sie ihn für das Lesen in Großdruck. Drucken Sie direkt aus oder speichern Sie als PDF · nichts wird hochgeladen.
Ressourcen für Barrierefreiheit
Kuratierte Sammlung von Richtlinien, Tools, Bildschirmlesegeräten, Organisationen und Lernmaterialien, um Sie bei der Entwicklung inklusiver.
Visueller Zeitplaner
Erstellen Sie klare, strukturierte visuelle Zeitpläne mit Emoji-Symbolen, Zeitbezeichnungen und Farbcodierung.
Bildkommunikationstafel
Erstellen Sie eine personalisierte AAC-Tafel (Augmentative and Alternative Communication) mit Emoji-Symbolen, die beim Antippen sprechen.
Memory-Spiel-Ersteller
Spielen Sie ein anpassbares Memory-Kartenspiel. Wählen Sie Rastergrößen und Emoji-Themen für kognitive Übungen oder Spaß.
Farbkontrast-Prüfer
Testen Sie WCAG 2.1 Kontrastverhältnisse für Barrierefreiheit.
Lesezeit-Rechner
Schätzen Sie, wie lange es dauert, Text zu lesen oder zu sprechen.
Kostenlose Online-Taschenlampe
Verwandeln Sie Ihren Bildschirm in eine helle Taschenlampe. Helligkeit und Farbe einstellbar. Kamera-LED auf dem Handy. Keine App erforderlich.
Weißer Bildschirm und Monitor-Test
Vollbild-Testbildschirme in Weiß, Schwarz, R/G/B und Grau. Erkennen Sie hängende Pixel, tote Pixel und Bildschirmdefekte auf jedem Display.
Warum diese Tools wichtig sind
Etwa 1,3 Milliarden Menschen weltweit, rund 16% der Weltbevölkerung, oder 1 von 6: leben mit einer signifikanten Behinderung, gemäß dem Faktenblatt der Weltgesundheitsorganisation (zuletzt aktualisiert am 7. März 2023). Die Web Accessibility Initiative (WAI) des W3C wurde 1997 genau dafür gegründet, sicherzustellen, dass das Web für diese Nutzer funktioniert; die Web Content Accessibility Guidelines (WCAG), die sie veröffentlicht, sind seit WCAG 1.0 (5. Mai 1999) der Standard-Referenzpunkt. Die aktuell veröffentlichte Version ist WCAG 2.2, die am 5. Oktober 2023 zur W3C-Empfehlung wurde.
Die Tools in dieser Kategorie zielen auf die praktischen Fragen, die sich Entwicklerinnen und Entwicklern beim Anwenden von WCAG auf ein echtes Produkt stellen: Schafft das Farbpaar das Verhältnis 4,5:1 für Fließtext und 3:1 für großen Text? Vermittelt die Überschriftenhierarchie tatsächlich Struktur an einen Screenreader? Wie sieht das Layout für eine Person mit Deuteranopie oder Tritanopie aus? Erreicht der Text ein Ziel-Lesegradeniveau? Jedes Tool läuft in Ihrem Browser, sodass der zu prüfende Inhalt Ihr Gerät nie verlässt, hilfreich, wenn Sie Pre-Release-Copy oder unangekündigte Produkte auditieren.
Der rechtliche Kontext
In den USA werden Klagen wegen Web-Accessibility fast vollständig unter ADA Title III ("Orte öffentlicher Unterbringung") eingereicht. Zwei Fälle haben die moderne Landschaft geprägt: National Federation of the Blind v. Target Corp. (eingereicht im Februar 2006, im August 2008 für 6 Millionen Dollar verglichen) und Robles v. Domino's Pizza, LLC (Urteil des 9th Circuit am 15. Januar 2019, der Supreme Court lehnte am 7. Oktober 2019 ab, Domino's Berufung anzuhören). Das Ergebnis war ein anhaltender Boom an Klagen: 4.187 bundesweite Digital-Accessibility-Klagen 2024, mit jährlich über 4.000 seit 2021. Bemerkenswert: über 1.000 der Beklagten in 2024 hatten bereits ein "Accessibility-Widget" installiert (diese Overlay-Skripte, die kleinen Unternehmen stark verkauft werden) und das hat die Klage nicht verhindert. Die Probleme zur Build-Zeit zu fangen, mit der Art von Werkzeug auf dieser Seite, ist materiell günstiger, als sie vor Gericht zu entdecken.
Im April 2024 finalisierte das US-Justizministerium eine ADA-Title-II-Regel, die WCAG 2.1 Level AA auf Web-Inhalte und mobile Apps von Bundesstaaten und Kommunen anwendet. Im April 2026 verlängerte das DOJ die ursprünglichen Fristen per Interim Final Rule um ein Jahr, sodass große öffentliche Stellen jetzt bis zum 26. April 2027 und kleine Stellen bis zum 26. April 2028 Zeit haben. In der EU gilt der European Accessibility Act (Richtlinie 2019/882) seit 28. Juni 2025, mit dem harmonisierten technischen Standard EN 301 549 v3.2.1, der WCAG 2.1 inkorporiert.
Ein kurzer Rundgang, was die Tools tun
- WCAG-Heading-Checker: validiert, dass
<h1>–<h6>einen einzigen verwurzelten Baum ohne übersprungene Ebenen bilden, der häufigste WCAG-1.3.1-Fehler auf realen Sites. - Screenreader-Vorschau: zeigt, was der zugängliche Name und die Beschreibung eines Screenreaders für jedes Element auf einer Seite ansagen würden, hilfreich bevor Sie auf der echten Hilfstechnologie testen (NVDA, JAWS, VoiceOver, TalkBack).
- Farbkontrast-Checker: berechnet das WCAG-Luminanzverhältnis für zwei beliebige Farben und sagt, welche Schwellen passieren (AA Fließtext 4,5:1, AA Großtext 3:1, AAA Fließtext 7:1, AAA Großtext 4,5:1, plus das 3:1-Mindestmaß für Nicht-Text-Kontrast aus WCAG 2.1 §1.4.11).
- Barrierefreie Palette: generiert eine Palette, in der jede Text/Hintergrund-Kombination bereits das AA-Verhältnis besteht, damit Sie Konformität nicht im Nachhinein rückwärts entwickeln müssen.
- Farbblindheits-Checker: simuliert Protanopie, Deuteranopie, Tritanopie und Achromatopsie, damit Sie sehen, ob ein farbcodiertes UI dieselben Informationen ohne Farbe vermittelt.
- Dyslexie-Formatter: wendet die Layout-Anpassungen (Schriftwahl, Zeilenabstand, Absatzabstand) an, die Dyslexie-Verbände für lange Lesematerialien empfehlen.
- Lesbarkeits-Score: führt Flesch Reading Ease (1948), Flesch-Kincaid Grade Level (1975), SMOG (1969) und Gunning Fog (1952) gegen eingefügten Text aus. Hilfreich, um Inhalte an ein Lesegradeniveau einer Zielgruppe anzupassen.
- Großdruck-Anzeige: fließt eingefügten Inhalt in eine kontrastreiche, einspaltige Großschrift-Ansicht um.
- Accessibility-Ressourcen: ein kuratierter Katalog der wichtigsten Standards, Test-Tools, Screenreader und Lernmaterialien; faktisch die "wo fange ich an"-Seite für alle, die im Feld neu sind.
- Visueller Tagesplan, Bildtafel, Memory-Spiel: Muster für unterstützte und alternative Kommunikation (UK/AAC) und kognitive Unterstützung, die Ergotherapeuten häufig empfehlen.
- Lesedauer-Schätzer: verwendet die Standard-Lesegeschwindigkeit von 200 Wörtern/Minute (konservativ gegenüber Brysbaerts Meta-Analyse 2019 von 190 Studien, die für Sachtext bei 238 wpm konvergierte), um Erwartungen für lange Inhalte zu setzen.
Eine Anmerkung zu automatisierten Tools
Keine der automatisierten Prüfungen auf dieser Seite (und auch keine der bekannteren kommerziellen Tools (axe DevTools, WAVE, Lighthouse, Pa11y)) fängt alle WCAG-Konformitätsprobleme. Deque, das Unternehmen hinter axe-core, positioniert seine Plattform als "bis zu 80% der Probleme" findend; die meisten unabhängigen Schätzungen setzen die realistische Spanne bei 30–50% der gesamten WCAG-Konformität an. Manuelles Testen mit einem echten Screenreader auf einem echten Gerät bleibt für jede ernsthafte Accessibility-Aussage erforderlich. Nutzen Sie diese Tools, um die einfachen 30–50% schnell zu fangen, und reservieren Sie das manuelle Testbudget für die schwereren Probleme.