Testen mit NVDA

Wie man effektiv testet

Zunächst ein Hinweis. Die Verwendung eines Bildschirmlesegeräts wird dir unzugänglich erscheinen, da du bisher nicht genau weißt, wie man einen solchen benutzt. Das wird dich frustrieren und du wirst viele falsche positive Meldungen bekommen. Nimm dir die Zeit, den Screenreader kennenzulernen.

Verwenden Sie Ihre Tastatur

Wenn man beim Testen des Screenreaders eine Maus oder ein Trackpad benutzt, ist das Betrug. Warum? Auch wenn blinde Menschen eine Maus benutzen können, sehen sie den Mauszeiger nicht. Sie wissen also nicht, wohin sie ihn verschieben oder wann sie darauf klicken sollen. Eine Maus ist nicht gut zum Schreiben. Für blinde Menschen. Benutzen Sie stattdessen die Tastatur. Blinde Benutzer merken sich, welche Tasten sie drücken müssen, um das Betriebssystem zu bedienen. Den Browser und den Screenreader.

Grundlegende Tastaturmethoden

Diese Tastaturmethoden funktionieren gut, egal, ob Sie eine Sprachausgabe haben oder nicht.

Blättern Sie mit der Tabulatortaste durch die Elemente, die Sie fokussieren können.
Verwenden Sie Umschalt + Tabulatortaste, um rückwärts zu gehen.
Verwenden Sie die Eingabetaste.
Verwenden Sie die Leertaste, um Kontrollkästchen oder Optionsfelder auszuwählen.
Verwenden Sie auch die Leertaste, um Schaltflächen zu aktivieren.
Verwenden Sie auch die Pfeiltasten, um zwischen den Optionsfeldern zu navigieren.

Wenn Sie in einem Optionsfeld die Pfeiltaste drücken, können Sie mit der Tabulatortaste nicht zum nächsten Feld springen. Sie kommen dann zum nächsten Element, das Sie auswählen können. Das ist außerhalb der Radiogruppe. So sind Radiogruppen gemacht. Es gibt noch mehr Tastaturmethoden, aber das reicht erst einmal.

Achte auf Name, Rolle und Wert

Die Regeln für barrierefreie Internetseiten verlangen, dass Name, Rolle und Wert eines Elements in einer geeigneten Kombination angezeigt werden. Bei Elementen der Benutzeroberfläche muss angegeben werden, ob ein Screenreader verfügbar ist. Wir hören uns an, wie NVDA dieses Element ankündigt.

Jedes Element braucht einen Namen und eine Rolle. Manchmal braucht es auch Werte.

Nicht-semantische Elemente wie <div>, <span> und <p> brauchen keine Namen, Rollen oder Werte.

Hören Sie auf die Ergebnisse von Benutzeraktionen

Sie müssen sich Rückmeldungen anhören. Feedback könnte zum Beispiel sein, neue Inhalte zu lesen.

Bisher ging es vor allem um Elemente, mit denen Sie interagieren können. Was ist, wenn Sie nicht fokussierbare Elemente wie Absätze ausblenden möchten? Dafür gibt es verschiedene Methoden.

Mit dem Browse-Modus von NVDA kann man überprüfen, ob man nicht fokussierbare Inhalte erreichen kann.

NVDA hat zwei Hauptlesemodi:

Fokusmodus und
Browse-Modus.

Der Fokusmodus ist zum Arbeiten mit Formularen und Steuerelementen. Das habe ich in diesem Video gemacht. Der Browse-Modus ist zum Navigieren durch Inhalte gedacht, die nicht fokussiert werden können. NVDA wechselt automatisch zwischen Fokus- und Browse-Modus. NVDA wechselt in den Fokusmodus, wenn Sie die Tabulatortaste drücken. Mit den Pfeiltasten nach oben und unten kann man zwischen Browse-Modus und Fokusmodus wechseln.

Manche Leute denken, dass alles auf einer Seite zugänglich ist, wenn man nicht zu etwas tippen kann. Das ist ein Fehler. Bitte nicht. Das ist unnötig und macht die Benutzung für Menschen mit Screenreadern schwer. Testen Sie nicht fokussierbare Inhalte mit den Pfeiltasten nach oben und unten.

Navigieren durch semantische Elementen

Der Browse-Modus hat auch ein paar Tricks, zum Beispiel für die Navigation in nicht fokussierbaren Elementen. Mit dem Buchstaben H kommen Sie zur nächsten Überschrift, mit G zur nächsten Grafik, mit T zur nächsten Tabelle, mit L zur nächsten Liste, mit D zum nächsten Orientierungspunkt. Mit Umschalt + Buchstabe gehen Sie rückwärts zum vorherigen Element.

Sie können auch eine Liste mit verschiedenen Arten von semantischen Elementen öffnen. Klicken Sie dazu auf Einfügen + F7 oder Feststelltaste + F7. Diese Tastenkombination müssen Sie zuvor in NVDA einstellen.

Was sollten Sie beim Testen im Browse-Modus beachten? Hier sind ein paar Punkte: So findet man Überschriften und Orientierungspunkte auf Webseiten am besten. Wenn es keine Überschriften oder Orientierungspunkte gibt, ist das verdächtig. Es gibt zwar legitime Anwendungsfälle, aber das ist trotzdem nicht normal. Wenn Text als Überschrift angezeigt wird, muss er auch als solche gekennzeichnet werden. Screenreader können damit navigieren. Das gilt auch für Tabellen und Listen. Wenn etwas wie ein Standardelement aussieht, sollte es auch als solches gekennzeichnet werden.

Tabellen können im Browse-Modus angeklickt werden. Sie können von einer Zelle in eine andere wechseln. Sie können mit den Pfeiltasten nach oben, unten, rechts oder links navigieren. Sie sollten die Überschriften hören, während Sie das tun. Wenn Sie diese nicht hören, ist etwas falsch.