--- title: "Screenreader-Schnelltest: Deine Website in 15 Minuten hören" url: "https://barrierefreihochzwei.de/de/blog/screenreader-schnelltest" language: "de" description: "Screenreader-Schnelltest mit NVDA, VoiceOver und TalkBack: die wichtigsten Tastenbefehle und Gesten, ein 15-Minuten-Testablauf und typische Funde." published: "2026-10-04T09:00:00+02:00" updated: "2026-10-15T09:42:12+02:00" --- # Screenreader-Schnelltest: Deine Website in 15 Minuten hören Mit NVDA, VoiceOver oder TalkBack findest du in einer Viertelstunde viele Barrieren, die kein automatisches Tool erkennt. Hier sind die wichtigsten Befehle und ein fertiger Testablauf. Automatische Prüftools sind schnell und gründlich, aber sie hören nicht zu. Sie erkennen, dass einem Bild das Alt-Attribut fehlt. Ob der Button „Schaltfläche“ oder „Newsletter abonnieren“ heißt, ob ein aufgeklapptes Menü auch als aufgeklappt angesagt wird oder ob eine Fehlermeldung überhaupt bei jemandem ankommt, merkst du erst, wenn du die Seite selbst mit einem Screenreader bedienst. Die gute Nachricht: Dafür musst du kein Profi sein. Die wichtigsten Screenreader sind kostenlos oder bereits auf deinem Gerät installiert, und mit einer Handvoll Befehle kommst du erstaunlich weit. Eine Viertelstunde reicht, um die gröbsten Probleme einer Seite zu finden. In diesem Artikel lernst du die Grundbefehle von NVDA, VoiceOver und TalkBack kennen, bekommst einen fertigen 15-Minuten-Ablauf und eine Übersicht über die Fehler, auf die du mit hoher Wahrscheinlichkeit stoßen wirst. ## Bevor du startest: drei Dinge, die du wissen solltest **Du testest nicht wie eine blinde Person.** Menschen, die täglich mit Screenreader arbeiten, sind deutlich schneller, nutzen andere Strategien und kennen viele Abkürzungen. Du dagegen siehst den Bildschirm und ergänzt unbewusst, was die Sprachausgabe auslässt. Ein Schnelltest ersetzt deshalb weder einen Test mit echten Nutzer:innen noch eine vollständige Prüfung. Wie beides zusammenspielt, erklärt der Artikel [Barrierefreiheit testen](https://barrierefreihochzwei.de/de/blog/barrierefreiheit-testen-tools-und-testplan). **Screenreader und Browser gehören zusammen.** Die Ergebnisse hängen von der Kombination ab. Bewährt haben sich NVDA mit Firefox oder Chrome unter Windows, VoiceOver mit Safari auf macOS und iOS sowie TalkBack mit Chrome unter Android. Laut den Umfragen von WebAIM gehören JAWS, NVDA und VoiceOver zu den am häufigsten genutzten Screenreadern. JAWS ist kostenpflichtig und für einen Schnelltest nicht nötig. **Schalte den Bildschirm innerlich ab.** Versuche, dich nur auf das Gehörte zu verlassen. Bei VoiceOver auf dem iPhone geht das sogar wörtlich mit dem Bildschirmvorhang. Auf dem Desktop hilft es schon, nicht auf die Maus zu greifen. Wie Menschen Screenreader im Alltag nutzen und welche weiteren Hilfsmittel es gibt, liest du im Artikel über [assistive Technologien](https://barrierefreihochzwei.de/de/blog/assistive-technologien-im-web). ## NVDA unter Windows NVDA ist ein kostenloser Open-Source-Screenreader von NV Access. Du lädst ihn von nvaccess.org herunter und installierst ihn. Bei der Installation wird ein Tastenkürzel zum Starten eingerichtet: **Strg + Alt + N**. Fast alle Befehle nutzen die **NVDA-Taste**. Standardmäßig ist das die Einfügen-Taste (Einfg). In den Einstellungen kannst du zusätzlich die Feststelltaste als NVDA-Taste festlegen, was auf Laptops ohne Einfg-Taste praktisch ist. Auf Webseiten arbeitet NVDA im **Lesemodus**. Darin springst du mit einzelnen Buchstaben durch die Seite. Sobald du in ein Formularfeld gehst, wechselt NVDA in den **Fokusmodus**, damit deine Eingaben im Feld landen. - **Strg**: Sprachausgabe sofort anhalten - **NVDA + Pfeil nach unten**: ab der aktuellen Position alles vorlesen - **Pfeil nach oben/unten**: Zeile für Zeile lesen - **Tab / Umschalt + Tab**: zum nächsten/vorherigen fokussierbaren Element - **H**: nächste Überschrift, **1** bis **6**: nächste Überschrift dieser Ebene - **D**: nächster Orientierungspunkt (Landmark) - **K**: nächster Link, **B**: nächste Schaltfläche - **F**: nächstes Formularfeld, **E**: nächstes Eingabefeld - **G**: nächste Grafik, **T**: nächste Tabelle, **L**: nächste Liste - **Umschalt** plus einer dieser Buchstaben: rückwärts springen - **NVDA + Leertaste**: zwischen Lese- und Fokusmodus umschalten - **NVDA + F7**: Elementliste mit Links, Überschriften und Orientierungspunkten - **NVDA + T**: Titel des aktuellen Fensters vorlesen - **NVDA + Q**: NVDA beenden Ein Tipp für die Dokumentation: Über das NVDA-Menü (**NVDA + N**) findest du unter den Werkzeugen den Sprachbetrachter. Er zeigt alles, was NVDA sagt, als Text in einem Fenster. So kannst du Ansagen nachlesen und in deinen Bericht kopieren. ## VoiceOver auf dem Mac VoiceOver ist in macOS eingebaut. Du schaltest es mit **Befehl + F5** ein und aus. Die Befehle nutzen die **VO-Tasten**, standardmäßig **Control + Option**. - **Control**: Sprachausgabe anhalten - **VO + Pfeil rechts/links**: zum nächsten/vorherigen Element - **VO + A**: ab der aktuellen Position vorlesen - **VO + Leertaste**: Element aktivieren, zum Beispiel einen Link oder Button - **VO + Befehl + H**: zur nächsten Überschrift - **VO + U**: Rotor öffnen Der **Rotor** ist dein wichtigstes Werkzeug. Er zeigt Listen von Überschriften, Links, Formularelementen und Orientierungspunkten. Mit Pfeil links/rechts wechselst du zwischen den Listen, mit Pfeil oben/unten wählst du einen Eintrag, und mit der Eingabetaste springst du hin. Teste mit Safari. Achtung: Safari springt mit der Tabulatortaste standardmäßig nur zwischen Formularfeldern. Damit Tab auch Links erreicht, aktivierst du in den Safari-Einstellungen unter „Erweitert“ die Option, mit der die Tabulatortaste alle Objekte einer Webseite hervorhebt. Alternativ drückst du statt Tab einfach Option + Tab. ## VoiceOver auf dem iPhone Auf iOS findest du VoiceOver in den Einstellungen unter „Bedienungshilfen“. Richte dir dort am besten den Bedienungshilfen-Kurzbefehl ein: Dann schaltest du VoiceOver mit dreimaligem Drücken der Seitentaste (bei älteren Geräten der Home-Taste) ein und aus. Übe das, bevor du loslegst, denn mit aktivem VoiceOver funktioniert dein iPhone anders. - **Nach rechts/links wischen**: zum nächsten/vorherigen Element - **Doppeltippen**: ausgewähltes Element aktivieren - **Mit zwei Fingern nach oben wischen**: alles ab oben vorlesen - **Mit zwei Fingern nach unten wischen**: ab der aktuellen Position vorlesen - **Mit zwei Fingern tippen**: Sprachausgabe anhalten oder fortsetzen - **Mit drei Fingern wischen**: blättern - **Zwei Finger auf dem Bildschirm drehen**: Rotor einstellen, zum Beispiel auf „Überschriften“; danach mit Wischen nach oben/unten von Überschrift zu Überschrift - **Dreimal mit drei Fingern tippen**: Bildschirmvorhang ein- oder ausschalten ## TalkBack unter Android TalkBack ist der Screenreader von Google und auf den meisten Android-Geräten vorinstalliert. Du findest ihn in den Einstellungen unter „Bedienungshilfen“. Wenn du dort die Verknüpfung aktivierst, schaltest du TalkBack ein und aus, indem du beide Lautstärketasten einige Sekunden gedrückt hältst. Die Menüs heißen je nach Hersteller etwas anders. - **Nach rechts/links wischen**: zum nächsten/vorherigen Element - **Doppeltippen**: ausgewähltes Element aktivieren - **Mit einem Finger über den Bildschirm fahren**: vorlesen, was sich unter dem Finger befindet - **Mit zwei Fingern wischen**: blättern Viele weitere Gesten, etwa für die Lesesteuerung oder das TalkBack-Menü, unterscheiden sich je nach TalkBack-Version und Gerät. Die eingebaute Anleitung in den TalkBack-Einstellungen zeigt dir, welche Gesten auf deinem Gerät gelten. Teste mit Chrome. ## Der 15-Minuten-Testablauf Nimm dir für den Anfang eine typische Seite mit Navigation, Inhalt und mindestens einem Formular vor, zum Beispiel eine Produktseite oder eine Kontaktseite. Der folgende Ablauf funktioniert mit allen drei Screenreadern. ### Minute 0 bis 2: Ankommen Lade die Seite neu und hör zu. Wird ein sinnvoller Seitentitel angesagt, der die Seite von anderen unterscheidet? Das prüft [2.4.2 Seite mit Titel](https://barrierefreihochzwei.de/de/wcag/2-4-2-seitentitel). Klingt die Aussprache richtig? Wenn ein deutscher Text mit englischer Stimme vorgelesen wird, fehlt oder stimmt die Sprachauszeichnung nicht, siehe [3.1.1 Sprache der Seite](https://barrierefreihochzwei.de/de/wcag/3-1-1-sprache-der-seite). ### Minute 2 bis 5: Struktur über Überschriften Öffne die Liste der Überschriften (NVDA + F7 oder Rotor) oder springe mit H durch die Seite. Gibt es eine Hauptüberschrift? Beschreiben die Überschriften die Abschnitte? Ist die Hierarchie logisch, oder sind Überschriften nur fett formatierter Text? Das fällt unter [1.3.1 Info und Beziehungen](https://barrierefreihochzwei.de/de/wcag/1-3-1-info-und-beziehungen). ### Minute 5 bis 6: Orientierungspunkte Springe mit D (NVDA) oder über den Rotor durch die Orientierungspunkte. Findest du Kopfbereich, Navigation, Hauptinhalt und Fußbereich? Gibt es mehrere Navigationen, sollten sie unterscheidbar benannt sein. ### Minute 6 bis 8: Links Schau dir die Liste aller Links an. Ergeben die Linktexte ohne Umgebung einen Sinn? Zehnmal „mehr erfahren“ ist ein klassischer Fund. Maßstab ist [2.4.4 Linkzweck (im Kontext)](https://barrierefreihochzwei.de/de/wcag/2-4-4-linkzweck-im-kontext). ### Minute 8 bis 10: Bilder Springe mit G (NVDA) oder per Wischen durch die Bilder. Werden informative Bilder sinnvoll beschrieben? Werden dekorative Bilder übersprungen? Hörst du Dateinamen? Was gute Alt-Texte ausmacht, steht im Artikel über [Alt-Texte](https://barrierefreihochzwei.de/de/blog/alt-texte-richtig-schreiben). ### Minute 10 bis 13: Formulare Geh mit Tab durch das Formular. Wird zu jedem Feld eine Beschriftung angesagt, und zwar die sichtbare? Werden Pflichtfelder als solche erkennbar? Schick das Formular absichtlich fehlerhaft ab: Erfährst du, dass etwas schiefgelaufen ist und wo? Erfolgs- und Fehlermeldungen, die ohne Fokuswechsel erscheinen, müssen angesagt werden. Das regelt [4.1.3 Statusmeldungen](https://barrierefreihochzwei.de/de/wcag/4-1-3-statusmeldungen). ### Minute 13 bis 15: Interaktive Komponenten Teste die Elemente, die am häufigsten Probleme machen: Hauptmenü, Akkordeon, Tabs, Modaldialog, Cookie-Banner. Werden Name, Rolle und Zustand angesagt, also etwa „Menü, Schaltfläche, reduziert“ und nach dem Öffnen „erweitert“? Das fordert [4.1.2 Name, Rolle, Wert](https://barrierefreihochzwei.de/de/wcag/4-1-2-name-rolle-wert). Landet der Fokus beim Öffnen eines Dialogs im Dialog und beim Schließen wieder am Auslöser? Das betrifft [2.4.3 Fokusreihenfolge](https://barrierefreihochzwei.de/de/wcag/2-4-3-fokusreihenfolge). ## Typische Funde Bei den meisten Schnelltests tauchen ähnliche Probleme auf. Wenn du sie kennst, erkennst du sie schneller wieder: - **Namenlose Buttons:** Icon-Buttons werden nur als „Schaltfläche“ angesagt, weil Text oder `aria-label` fehlen. - **Unerreichbare Bedienelemente:** Klickbare `div`-Elemente tauchen weder beim Tabben noch als Schaltfläche auf. - **Fehlende Zustände:** Ein Akkordeon klappt auf, aber der Screenreader sagt nichts dazu, weil `aria-expanded` fehlt. - **Dialoge ohne Fokusführung:** Ein Modal öffnet sich, der Fokus bleibt aber im Hintergrund, oder man kann hinter den Dialog navigieren. - **Stille Fehlermeldungen:** Rote Texte erscheinen unter den Feldern, werden aber weder angesagt noch mit dem Feld verknüpft. - **Platzhalter statt Labels:** Das Feld hat nur einen Platzhaltertext, der beim Tippen verschwindet und nicht überall zuverlässig angesagt wird. - **Doppelte oder überflüssige Ansagen:** Logos, Icons und Text sagen dasselbe, oder versteckte Inhalte werden mitgelesen. - **Cookie-Banner als Sackgasse:** Das Banner ist sichtbar, lässt sich mit dem Screenreader aber nicht erreichen oder schließen. Notiere zu jedem Fund die Seite, das Element, die Kombination aus Screenreader und Browser und das, was du gehört hast. Der Sprachbetrachter von NVDA ist dafür ideal. ## Checkliste zum Ausdrucken - Seitentitel ist eindeutig und wird beim Laden angesagt. - Die Sprache der Seite stimmt, die Aussprache klingt richtig. - Überschriften bilden die Struktur logisch ab. - Kopfbereich, Navigation, Hauptinhalt und Fußbereich sind als Orientierungspunkte erkennbar. - Linktexte sind auch in der Linkliste verständlich. - Informative Bilder haben passende Alt-Texte, dekorative werden übersprungen. - Jedes Formularfeld hat eine angesagte Beschriftung. - Fehler- und Statusmeldungen werden angesagt. - Buttons, Menüs und Akkordeons nennen Name, Rolle und Zustand. - Dialoge führen den Fokus hinein und wieder zurück. ## Fazit Ein Screenreader-Schnelltest ist eine der effektivsten Viertelstunden, die du in Barrierefreiheit investieren kannst. Du brauchst keine Lizenz und kein Expertenwissen, nur die Bereitschaft, einmal zuzuhören statt hinzuschauen. Viele Probleme, die automatische Tools übersehen, werden dabei sofort hörbar. Fang mit einer einzigen Seite an und mach den Test zur Routine, zum Beispiel vor jedem größeren Release. Mit der Zeit wirst du schneller, und deine Komponenten werden besser, weil du sie von Anfang an für Ohren mitdenkst. Die passenden Kriterien zu jedem Fund findest du im [WCAG-Guide](https://barrierefreihochzwei.de/de/wcag). ## Quellen - [NV Access: NVDA User Guide](https://www.nvaccess.org/files/nvda/documentation/userGuide.html) - [Apple: VoiceOver-Benutzerhandbuch für den Mac](https://support.apple.com/guide/voiceover/welcome/mac) - [Google: Android-Bedienungshilfen und TalkBack](https://support.google.com/accessibility/android/) - [WebAIM: Testing with Screen Readers](https://webaim.org/articles/screenreader_testing/) - [WebAIM: Using NVDA to Evaluate Web Accessibility](https://webaim.org/articles/nvda/) - [WebAIM: Using VoiceOver to Evaluate Web Accessibility](https://webaim.org/articles/voiceover/)