--- title: "Screenreader" url: "https://www.insideuxdesign.com/de/glossar/screenreader" language: "de" description: "Was ist ein Screenreader und wie nutzen blinde Menschen damit das Web? Einfach erklärt mit Beispiel und Praxistipps. Lies, wie du deine Website damit testest." published: "2026-10-14T09:50:32+02:00" updated: "2026-10-14T13:06:05+02:00" --- # Screenreader Ein Screenreader ist eine Software, die Inhalte auf dem Bildschirm vorliest oder auf einer Braillezeile ausgibt. Viele blinde und sehbehinderte Menschen bedienen damit Computer und Smartphone. - **Buchstabe:** S UX-Glossar # Screenreader Ein Screenreader ist eine Software, die Inhalte auf dem Bildschirm vorliest oder auf einer Braillezeile ausgibt. Viele blinde und sehbehinderte Menschen bedienen damit Computer und Smartphone. Stell dir vor, du schließt die Augen und sollst auf einer Website einen Arzttermin buchen. Du hörst nur eine Stimme, die dir der Reihe nach vorliest, was auf der Seite steht: „Link. Link. Bild. Link. Button.“ Wohin führen diese Links? Was zeigt das Bild? Und welcher Button bucht den Termin? So erleben viele blinde Menschen schlecht gebaute Websites. Das Werkzeug, mit dem sie arbeiten, heißt Screenreader. ## Einfach erklärt Ein Screenreader (deutsch auch Bildschirmleseprogramm) ist eine Software, die das, was auf dem Bildschirm passiert, in Sprache oder Blindenschrift übersetzt. Die Sprachausgabe liest Texte, Bedienelemente und Statusmeldungen vor. Alternativ gibt der Screenreader die Inhalte auf einer Braillezeile aus, einem Gerät mit beweglichen Stiften, die Punktschrift fühlbar machen. Ein Vergleich aus dem Alltag: Ein Screenreader ist wie eine Person, die dir am Telefon eine Website beschreibt. Sie kann dir aber nur sagen, was im Code steht. Ist ein Button nicht als Button erkennbar oder fehlt einem Bild die Beschreibung, weiß auch sie nicht weiter. ## Wie Menschen mit Screenreader eine Seite nutzen Kaum jemand hört sich eine Website von oben bis unten an. Stattdessen springen Menschen mit Tastenkürzeln oder Wischgesten gezielt durch die Seite: von Überschrift zu Überschrift, durch eine Liste aller Links oder direkt zu Bereichen wie Navigation und Hauptinhalt. In der Screen Reader User Survey von WebAIM (2023/24, 1.539 Antworten) gaben 71,6 Prozent an, auf langen Seiten zuerst über die Überschriften zu navigieren. Viele erfahrene Menschen stellen die Sprachausgabe außerdem sehr schnell ein, oft auf 300 Wörter pro Minute und mehr. Die bekanntesten Programme sind JAWS und das kostenlose Open-Source-Programm NVDA unter Windows, VoiceOver auf Geräten von Apple und TalkBack unter Android. Laut derselben Umfrage nutzen 91,3 Prozent der Befragten einen Screenreader auch auf dem Smartphone oder Tablet. ## Ein Beispiel Ein Beispiel: Ein Online-Kochmagazin hat eine Rezeptseite mit fett formatierten Zwischenzeilen statt echter Überschriften, Links mit dem Text „hier klicken“ und einem Lupen-Icon für die Suche, das keine Beschriftung hat. Der Screenreader liest „Button“ vor, mehr nicht. Wer nach Zutaten springen will, findet keine Überschrift dafür. Nach der Überarbeitung sind „Zutaten“ und „Zubereitung“ echte H2-Überschriften, die Links heißen „Rezept für Linsensuppe öffnen“, und das Lupen-Icon wird als „Suche“ angesagt. Die Seite sieht exakt gleich aus. Für Menschen mit Screenreader ist sie jetzt aber in Sekunden durchsuchbar. ## Warum das wichtig ist Screenreader sind auf saubere Semantik angewiesen, also darauf, dass jedes Element im Code das ist, was es zu sein scheint. Genau diese Anforderungen beschreiben die [WCAG](https://www.insideuxdesign.com/de/glossar/wcag): Alternativtexte für Bilder, beschriftete Formularfelder, eine logische Überschriftenstruktur und verständliche Linktexte. Gute Struktur hilft dabei allen, auch Suchmaschinen und Menschen, die Texte nur überfliegen. Wie du Inhalte entsprechend aufbaust, zeigt der Artikel [Wie man Inhalte richtig strukturiert](https://www.insideuxdesign.com/de/blog/wie-man-inhalte-richtig-strukturiert). ## In der Praxis - **Teste selbst mit einem Screenreader.** VoiceOver ist auf jedem Mac und iPhone vorinstalliert, NVDA ist für Windows kostenlos. Schon zehn Minuten auf der eigenen Startseite zeigen die größten Lücken. Weitere Prüfmethoden findest du im Artikel [Accessibility-Prüfung: Werkzeuge und Methoden für UX-Designer](https://www.insideuxdesign.com/de/blog/accessibility-pruefung-werkzeuge-und-methoden-fuer-ux-designer). - **Bau eine klare Überschriftenstruktur.** Eine H1 pro Seite, darunter H2 und H3 in logischer Reihenfolge. Überschriften sind für viele Menschen mit Screenreader das Inhaltsverzeichnis der Seite. - **Schreib Links und Buttons, die allein verständlich sind.** „Mehr erfahren“ zehnmal hintereinander hilft niemandem. Besser ist ein Text, der das Ziel nennt. ## Verwandte Begriffe [Barrierefreiheit](https://www.insideuxdesign.com/de/glossar/barrierefreiheit), [WCAG](https://www.insideuxdesign.com/de/glossar/wcag), [Microcopy](https://www.insideuxdesign.com/de/glossar/microcopy) ## Quellen - [WebAIM: Screen Reader User Survey #10 Results. WebAIM, 2024](https://webaim.org/projects/screenreadersurvey10/) - [WebAIM: Designing for Screen Reader Compatibility. WebAIM, 2017](https://webaim.org/techniques/screenreader/) - [NV Access: About NVDA. NV Access, 2026](https://www.nvaccess.org/about-nvda/) ## Weitere Begriffe [ ### A/B-Test Ein A/B-Test ist ein Experiment, bei dem zwei Varianten einer Seite oder eines Elements gleichzeitig an zufällig aufgeteilte Besuchende ausgespielt werden. So entscheidest du anhand echter Daten, welche Variante besser funktioniert. ](https://www.insideuxdesign.com/de/glossar/a-b-test) [ ### ARIA ARIA ist ein W3C-Standard, der HTML um Rollen, Zustände und Eigenschaften ergänzt. So erfahren Screenreader, was ein Element ist und wie es sich gerade verhält. ](https://www.insideuxdesign.com/de/glossar/aria) [ ### Affordance Eine Affordance beschreibt, welche Handlung ein Objekt möglich macht und ob Menschen das erkennen: Ein Button lädt zum Drücken ein, ein Griff zum Ziehen. ](https://www.insideuxdesign.com/de/glossar/affordance) [ ### Alternativtext Ein Alternativtext ist eine kurze Textfassung eines Bildes im HTML-Attribut alt. Screenreader lesen ihn vor, damit Menschen, die das Bild nicht sehen, dieselbe Information bekommen. ](https://www.insideuxdesign.com/de/glossar/alternativtext) [ ### Arbeitsgedächtnis Das Arbeitsgedächtnis hält Informationen für kurze Zeit fest, damit du mit ihnen arbeiten kannst. Es fasst nur wenig, deshalb sollten Interfaces möglichst wenig Merkarbeit verlangen. ](https://www.insideuxdesign.com/de/glossar/arbeitsgedaechtnis) [ ### Atomic Design Atomic Design ist eine Methode, Benutzeroberflächen aus kleinen, wiederverwendbaren Bausteinen aufzubauen: von einzelnen Elementen wie Buttons bis zu ganzen Seiten. ](https://www.insideuxdesign.com/de/glossar/atomic-design) [ ### BFSG Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 viele Unternehmen, bestimmte Produkte und digitale Dienstleistungen wie Onlineshops barrierefrei zu gestalten. ](https://www.insideuxdesign.com/de/glossar/bfsg) [ ### Barrierefreiheit Barrierefreiheit bedeutet, dass Websites, Apps und digitale Dokumente so gestaltet sind, dass alle Menschen sie nutzen können, auch mit einer Seh-, Hör-, motorischen oder kognitiven Behinderung. ](https://www.insideuxdesign.com/de/glossar/barrierefreiheit) [ ### Card Sorting Card Sorting ist eine Research-Methode, bei der Menschen Begriffe auf Karten in Gruppen sortieren. So siehst du, wie sie Inhalte gedanklich ordnen, und kannst eine verständliche Navigation planen. ](https://www.insideuxdesign.com/de/glossar/card-sorting) [ ### Cognitive Load Cognitive Load ist die geistige Anstrengung, die nötig ist, um eine Oberfläche zu verstehen und zu bedienen. Je weniger unnötige Denkarbeit ein Design verlangt, desto leichter fällt die eigentliche Aufgabe. ](https://www.insideuxdesign.com/de/glossar/cognitive-load) [ ### Contextual Inquiry Contextual Inquiry ist eine Research-Methode, bei der du Menschen in ihrem echten Arbeitsumfeld beobachtest und befragst. So siehst du, wie sie Aufgaben tatsächlich erledigen, nicht nur, wie sie davon erzählen. ](https://www.insideuxdesign.com/de/glossar/contextual-inquiry) [ ### Conversion Eine Conversion ist eine gewünschte Aktion auf einer Website oder in einer App, etwa ein Kauf oder eine Anmeldung. Die Conversion Rate zeigt, welcher Anteil der Besuche dazu führt. ](https://www.insideuxdesign.com/de/glossar/conversion)