Was ist ein Screenreader? Der Goldstandard für digitale Inklusion

Ein Screenreader ist dein unsichtbarer Assistent, der jedes Element deiner Webseite vorliest – von Überschriften über Links bis zu Formularen. Doch wie gut das funktioniert, liegt grösstenteils in deinen Händen.

Philipp Bremer, 24. September 2025

Collage die zeigt wie ein Screenreader entweder als Audio wiedergegeben werden kann oder die Inhalte in Braille Schrift ändert.

Für Menschen mit Sehbeeinträchtigung ist das Internet wie ein stockfinsterer Raum, in dem sie sich nur mit den Ohren orientieren können. Man bewegt sich Schritt für Schritt vorwärts und hat nur Informationen zur Verfügung, die vorgelesen werden. Wo ist der nächste Button? Was ist ein Link, was nur Text? Was man dabei wahrnimmt, hängt davon ab, wie sorgfältig eine Webseite gemacht ist. Nur Inhalte, die klar beschriftet und richtig aufgebaut sind, können von Screenreadern vorgelesen und verstanden werden.
Screenreader lesen digitale Inhalte in einer klaren Reihenfolge vor oder geben sie in Braille-Schrift aus. So ermöglichen sie blinden und sehbehinderten Menschen den selbstständigen Zugang zu Webseiten, Produkten und Services.

Möchtest du wissen, wie barrierefrei deine Webseite ist?

Starte jetzt mit unserem Quick-Check und erhalte eine erste Einschätzung!

Quick Check anfragen

So funktioniert ein Screenreader im Alltag

Screenreader arbeiten wie ein digitaler Reiseführer durch deine Webseite. Sie lesen nicht einfach alles von oben nach unten vor, sondern ermöglichen eine intelligente Navigation. Nutzer:innen können zwischen Überschriften hin und her springen, Listen durchgehen, Links auflisten lassen oder direkt zu Formularen navigieren.

Wenn ein Screenreader auf eine Liste stösst, kündigt er diese folgendermassen an: “Liste mit 4 Elementen”. Dann liest er jeden Punkt vor: «Webdesign, Webentwicklung» und so weiter. Die Nutzer:in weiss sofort, was sie erwartet und kann gezielt navigieren.

Das zeigt bereits: Warum ist das als sehende Person ebenfalls relevant? Weil gut strukturierte Inhalte nicht nur Screenreader-Nutzer:innen helfen, sondern deine Website für alle benutzerfreundlicher machen. Eine klare Struktur verbessert auch dein SEO-Ranking!

Die wichtigsten Screeneader im Überblick

Drei Screenreader dominieren den Markt und erreichen über 90% aller Nutzer:innen:

JAWS (Job Access With Speech) – 41% Marktanteil

  • Kostenpflichtig (ca. 1’000 CHF)
  • Nur für Windows
  • Marktführer mit vielen Funktionen

NVDA (NonVisual Desktop Access) – 38% Marktanteil

  • Kostenlos und Open Source
  • Nur für Windows
  • Sehr beliebt wegen der kostenlosen Verfügbarkeit

VoiceOver – 9,7% Marktanteil

  • Kostenlos in jedem Mac und iPhone integriert
  • Einfache Bedienung für Apple-Nutzer:innen

Wichtig zu wissen: Diese drei Screenreader verhalten sich teilweise unterschiedlich. Deshalb ist es wichtig, dass deine Webseite mit Web-Standards arbeitet, die von allen relevaten Screenreadern gelesen werden kann.

Der Code macht den Unterschied

Hier wird es spannend: Screenreader «sehen» deine Webseite nicht, sondern lesen den HTML-Code. Deshalb ist es so wichtig, dass der Coder einer Webseite sauber und semantisch korrekt ist:

Gut programmierte Links klingen so:

  • «Link: Kontaktiere uns für eine kostenlose Beratung»
  • «Link: Lade die Studie zur Barrierefreiheit herunter»

Schlecht programmierte Links klingen so:

  • «Link: Hier klicken» (ohne zu wissen, wohin der link führt)
  • «Link: Mehr» (mehr was?)
  • «Link: Weiter» (weiter wohin?)

Screenreader unterscheiden zwischen Buttons (für Aktionen) und Links (für Navigation):

  • Button: “Button, Formular absenden” oder “Button, Menü öffnen”
  • Link: “Link, Zur Startseite” oder “Link, Services ansehen”

Eine gute Liste klingt so:

«Liste mit 3 Elementen. Webdesign, Webentwicklung, Beratung. Ende der Liste»

Schlechte Liste ohne HTML-Struktur klingt so:

«Webdesign Webentwicklung Beratung» (ohne Struktur und Orientierung)

ARIA-Attribute (Accessible Rich Internet Applications) helfen zusätzlich dabei, komplexere Elemente zu erklären. Sie fungieren wie Untertitel für Screenreader und beschreiben, was visuell passiert.

Ein «Menü öffnen»-Button mit aria-expanded=”false” wird von NVDA als «Button, Menü öffnen, eingeklappt» angekündigt.

Nach dem Klick ändert sich das Attribut zu aria-expanded=”true” und wir nun so angekündigt: «Button, Menü schliessen, ausgeklappt».

So weiss jede Nutzer:in genau, was passiert ist.

Das Resultat: Nutzer:innen können effizient navigieren, finden schnell was sie suchen und werden zu treuen Kund:innen. Win-win für alle!

Ein Gewinn für alle

Screenreader öffnen Menschen mit Sehbehinderungen die digitale Welt – aber nur, wenn deine Webseite richtig entwickelt ist. Die gute Nachricht: Barrierefreie Entwicklung ist nicht kompliziert, wenn du sie von Anfang an mitdenkst.

Die Vorteile liegen auf der Hand:

  • Erweiterte Zielgruppe
  • Bessere SEO-Rankings
  • Höhere Benutzerfreundlichkeit für alle
  • Rechtliche Absicherung
  • Positives Unternehmensimage

Bereit für den nächsten Schritt?

Kontaktiere uns ganz ungeniert und lass uns über dein Vorhaben sprechen.

Zum Kontaktformular

Referenzen

WebAIM Screen Reader User Survey #10

W3C Web Accessibility Initiative

Schweizerischer Blinden- und Sehbehindertenverband

NVDA Screen Reader

Apple VoiceOver

Über den Autor

Profilbild von Philipp Bremer

Philipp Bremer ist WordPress-Spezialist und Barrierefreiheits-Enthusiast in Zürich. Mit seiner Leidenschaft für inklusive Webentwicklung hilft er Unternehmen, NGOs und Einzelpersonen dabei, Websites zu schaffen, die wirklich für alle Menschen zugänglich sind.

Mehr über Philipp Bremer erfahren

Schon diese Artikel gelesen?

Wir glauben, dass da für jede:n was dabei ist: