Screenreader-Unterstützung – Inhalte für Vorleseprogramme optimieren
Screenreader sind Softwarelösungen, die Bildschirminhalte in Sprache oder Braille übersetzen. Sie ermöglichen Menschen mit Sehbehinderungen oder Blindheit, digitale Inhalte zu konsumieren und zu bedienen.
Screenreader-Unterstützung bedeutet, Websites und Anwendungen so zu entwickeln, dass alle Informationen und Interaktionen korrekt vorgelesen oder angezeigt werden – ein zentrales Ziel barrierefreier Gestaltung gemäß WCAG.
Bekannte Screenreader-Software
| Screenreader | Plattform | Besonderheiten |
|---|---|---|
| NVDA | Windows | Open Source, sehr verbreitet |
| JAWS | Windows | Kommerziell, weit verbreitet in Behörden |
| VoiceOver | macOS/iOS | In macOS & iOS integriert |
| TalkBack | Android | In Android-Geräten integriert |
| Narrator | Windows | In Windows integriert, für Grundfunktionen geeignet |
Wichtige Anforderungen für Screenreader-Kompatibilität
- Semantisches HTML nutzen (z. B. <button>, <header>, <nav>)
- Sinnvolle ARIA-Rollen und -Labels verwenden
- Alt-Texte für Bilder und Medien setzen
- Fokusmanagement sicherstellen (sichtbar und logisch)
- Inhalte in logischer Reihenfolge strukturieren (DOM-Reihenfolge = Lesereihenfolge)
Best Practices
- Visuell versteckten Text mit sr-only-Klassen einbauen
- Keine Inhalte ausschließlich visuell kommunizieren
- Live-Regionen (aria-live) korrekt einsetzen
- Eigene UI-Komponenten nur mit vollständiger ARIA-Logik verwenden
- Regelmäßig mit echten Screenreadern testen
Tools zum Testen
- NVDA (kostenlos, Windows)
- VoiceOver (macOS, iOS)
- Screen Reader Simulator (z. B. Chrome Extensions)
- axe DevTools, WAVE, Lighthouse Accessibility Audit
Mehr zu unseren Leistungen im Bereich Digitale Barrierefreiheit erfahren Sie hier.
