Screenreader-Modus
Blinde Menschen sehen keinen Bildschirm – sie hören ihn. Ein Screenreader liest jeden Inhalt in der Reihenfolge des HTML-Codes vor. Starten Sie die Simulation und erleben Sie, wie sich das anfühlt.
Barrierefreie Websites – persönlich und fair
Professionelle Websites nach WCAG- und BFSG-Standard. Bundesweit tätig, regional verwurzelt in NRW.
Jetzt Beratung anfragenWCAG-konform
Alle Projekte nach internationalen Richtlinien.
WordPress-Experte
Über 15 Jahre Erfahrung mit WordPress.
Simulation starten
Der Bildschirm verschwimmt. Jedes Element wird einzeln vorgelesen – in der Reihenfolge des HTML-Codes. Genau so wie ein echter Screenreader arbeitet.
Was liest ein Screenreader?
Überschriften, Links, Buttons, Alt-Texte von Bildern – in der HTML-Reihenfolge. Fehlt ein Alt-Text, liest er den Dateinamen. Fehlt Struktur, ist die Seite für Screenreader-Nutzer ein unverständlicher Textwust.
Tastatur-Check
Motorisch eingeschränkte Menschen, blinde Nutzer und viele Power-User navigieren ausschließlich per Tastatur. Drücken Sie Tab – und vergleichen Sie die zwei Modi.
✅ Guter Fokus aktiv – Tab drücken und beobachten
Tab-Reihenfolge
Aktuell fokussiertes Element:
Fokus unsichtbar: Sie navigieren blind durch ein blindes Interface. Für Tastatur-Nutzer frustrierend bis unmöglich.
Farbfehlsichtigkeit erleben
8 % aller Männer und 0,5 % aller Frauen sind farbfehlsichtig. Aktivieren Sie einen Filter und sehen Sie, was von einem typischen Interface übrig bleibt – und warum Farbe allein nie ausreicht.
Status-Badges (nur Farbe zur Unterscheidung – problematisch!):
Balkendiagramm (Farbe als einziges Unterscheidungsmerkmal):
Ampel-System (Rot / Gelb / Grün – ohne Beschriftung kaum erkennbar):
Fehler-Feedback nur durch rote Umrandung:
✗ Bitte gib eine gültige E-Mail-Adresse ein