Screenreader
Ein Screenreader erschließt digitale Inhalte über Sprache oder Braille. Aussagekräftige Struktur und Beschriftungen machen die Bedienung verständlich.
Inhalte außerhalb der visuellen Darstellung nutzen
Ein Screenreader ist eine assistive Software, die digitale Inhalte und Bedienelemente für die Nutzung über Sprachausgabe oder eine Braillezeile erschließt. Er vermittelt auch Informationen wie Überschriften, Links oder den Zustand eines Feldes. Er liest nicht einfach ein Bildschirmfoto vor.
In einem beispielhaften Kundenportal kann eine Person über die Überschriften direkt zu „Rechnungen“ wechseln. Ein korrekt beschrifteter Downloadlink nennt die Rechnung. Besteht der Link nur aus einem unbeschrifteten Symbol, fehlt diese Orientierung.
Eine allgemeine Vorlesefunktion für Text bietet nicht automatisch dieselben Navigations- und Bedienmöglichkeiten. Für einen brauchbaren Screenreadertest müssen deshalb echte Aufgaben und die Bedeutung der Elemente geprüft werden. Eine verständliche visuelle Gestaltung bleibt zusätzlich nötig; Menschen nutzen unterschiedliche Hilfsmittel und Kombinationen.
Quellen
Verwandte Begriffe
- Semantisches HTMLSemantisches HTML verwendet Elemente nach ihrer Bedeutung. Eine echte Schaltfläche bringt andere Eigenschaften mit als ein gestalteter Textblock.
- AlternativtextAlternativtext vermittelt die Bedeutung oder Funktion eines Bildes im jeweiligen Kontext. Rein dekorative Bilder brauchen eine andere Behandlung.
- FokusreihenfolgeDie Fokusreihenfolge bestimmt den Weg durch fokussierbare Elemente. Sie soll Bedeutung und Bedienbarkeit auch bei dynamischen Änderungen erhalten.
- FokusfalleIn einer Fokusfalle bleibt die Tastaturbedienung in einem Bereich stecken. Eine absichtliche Begrenzung im Dialog braucht einen bedienbaren Ausgang.
- Sprunglink zum HauptinhaltEin Sprunglink führt an wiederholter Navigation vorbei zum Hauptinhalt. Das Ziel muss auch für die anschließende Tastaturbedienung stimmen.
- Zugänglicher NameDer zugängliche Name benennt ein Bedienelement für assistive Technik. Er soll die Aktion verständlich machen und zum sichtbaren Text passen.
Beiträge zum Thema
Design & UX mit ASES
Nutzererlebnis, Oberflächen und Markenauftritt