Technik · assistive Technologien · Praxis
Screenreader und der Rest der assistiven Technologien
Das Gesetz verlangt „Kompatibilität“ — das Zusammenwirken mit assistiven Technologien (Art. 5 Nr. 12). Diese Werkzeuge sind nichts Abstraktes: Es sind ein gutes Dutzend konkreter Programme, von denen mehrere kostenlos und in dem System, das Sie gerade benutzen, bereits installiert sind. Diese Seite beschreibt, was sie tun, was sie vom Code brauchen und wie Sie Ihren eigenen Dienst prüfen, bevor es ein Verbraucher mit einer Beschwerde nach Art. 37 tut.
Was sie sind
Screenreader
Sie übersetzen die Oberfläche in Sprache oder Braille. NVDA (Windows, kostenlos, quelloffen), JAWS (Windows, kostenpflichtig, Standard in vielen Unternehmen und Behörden), VoiceOver (in macOS und iOS eingebaut), TalkBack (Android), Sprachausgabe (Windows). Sie lesen nicht den Bildschirm, sondern den Accessibility-Baum.
Vergrößerung und Kontrast
Bildschirmlupen (ZoomText, die Systemlupe), Browserzoom auf 200–400 %, Kontrastmodus, ein eigenes Stylesheet. Alle brauchen ein Layout, das umbricht — dafür gibt es die Kriterien 1.4.4 und 1.4.10.
Sprachsteuerung
Dragon, Sprachsteuerung in macOS/iOS, Voice Access in Android. Der Nutzer sagt „Klick auf Jetzt kaufen“ — und das funktioniert nur, wenn die sichtbare Beschriftung der Schaltfläche mit ihrem zugänglichen Namen übereinstimmt (WCAG 2.5.3, am häufigsten durch ein fremdsprachiges aria-label gebrochen).
Tastatur, Schalter, Braille
Die Tastatur allein, alternative Tastaturen, Ein-Tasten-Steuerung, Eye-Tracking, Braillezeilen. Sie alle sprechen mit der Seite dieselbe Sprache: Tab, Umschalt+Tab, Enter, Leertaste, Pfeile, Esc. Wenn die Tastatur funktioniert, funktionieren die meisten von ihnen.
Wie ein Screenreader eine Seite sieht
Nicht so wie Sie. Screenreader-Nutzer lesen eine Seite selten von oben nach unten — sie navigieren wie in einem Dokument: H springt zwischen Überschriften, D oder R zwischen Regionen (Kopfbereich, Navigation, Hauptinhalt, Fußbereich), F zwischen Formularfeldern, K oder Tab zwischen Links. Außerdem öffnen sie eine Liste aller Überschriften oder aller Links und wählen daraus — so wie Sie ein Inhaltsverzeichnis überfliegen.
Deshalb entscheiden drei Dinge über die Benutzbarkeit, lange bevor jemand an ARIA denkt:
- Überschriften beschreiben Abschnitte und überspringen keine Ebenen. Die Überschriftenliste ist das Inhaltsverzeichnis; „Überschrift 3, Überschrift 3, Überschrift 3“ ist ein Verzeichnis ohne Inhalt.
- Linknamen ergeben außerhalb ihres Kontexts Sinn. In einer Linkliste steht „Weiterlesen“ zwölfmal und bedeutet nichts.
- Landmarks existieren —
<header>,<nav>,<main>,<footer>. Ohne<main>lässt sich das Menü auf keiner Unterseite überspringen.
Welche Paare zu testen sind
| Screenreader | System | Testbrowser | Hinweis |
|---|---|---|---|
| NVDA | Windows | Firefox oder Chrome | kostenlos — damit anfangen |
| JAWS | Windows | Chrome | kostenpflichtig; die Demo läuft 40 Minuten pro Sitzung |
| VoiceOver | macOS | Safari | eingebaut: Cmd+F5 |
| VoiceOver | iOS | Safari | Einstellungen → Bedienungshilfen; Gesten statt Tasten |
| TalkBack | Android | Chrome | die häufigste Kombination auf dem Telefon |
Screenreader und Browser sind eine Einheit — dieselbe Seite kann sich in NVDA+Firefox anders verhalten als in NVDA+Chrome. Sie müssen nicht alle Kombinationen testen. Ein Paar auf dem Desktop und eines auf dem Telefon finden das meiste von dem, was kein automatisches Werkzeug sieht.
Zwanzig Minuten, die sich lohnen
Legen Sie die Maus weg
Gehen Sie die Startseite und den gesamten Kaufweg nur mit Tab durch. Sehen Sie, wo Sie sind? Erreichen Sie jede Schaltfläche? Schließt Esc Menü und Dialog? Kehrt der Fokus nach dem Schließen dorthin zurück, wo er war?
Screenreader an, Bildschirm aus
NVDA unter Windows oder Cmd+F5 auf dem Mac. Versuchen Sie, Ihr eigenes Produkt zu kaufen. Es geht nicht darum, Kurzbefehle zu lernen — die ersten drei Minuten zeigen mehr als ein Bericht.
Durch die Überschriften gehen
H in NVDA, der Rotor in VoiceOver. Erzählt allein die Überschriftenliste, was auf der Seite steht?
Ein Formular mit Fehler abschicken
Lassen Sie ein Feld leer und senden Sie ab. Hat der Screenreader gesagt, was falsch ist und in welchem Feld? Ist der Fokus dorthin gesprungen? Ein roter Rahmen ohne Text ist für drei Gruppen gleichzeitig unsichtbar: blinde Menschen, farbfehlsichtige Menschen und alle im Monochrom-Modus.
Auf 200 % vergrößern und auf 320 px verengen
Nur Textzoom, kein Seitenzoom. Verschwindet etwas, überlappt es, erzwingt es Scrollen in zwei Richtungen?
Was diese Werkzeuge nicht beheben
- „Accessibility-Widget“-Overlays. Ein aufgeklebtes Skript kennt die Struktur der Seite nicht; typischerweise dupliziert es Funktionen des Screenreaders, stört ihn und beseitigt keine einzige Nichtkonformität. Die Behörde sieht sich den Code der Seite an, nicht das Widget.
- Automatische Alternativtexte und automatische Untertitel ohne Korrektur. Eine generierte Beschreibung ist manchmal richtig; sie ist auch manchmal selbstsicher falsch, und bei einem Produktfoto ist dieser Unterschied der Preis des Fehlers.
- Eine separate „Version für Blinde“ als ärmere Parallelseite. Das Gesetz verlangt einen barrierefreien Dienst, nicht zwei — einen guten und einen für „die anderen“.
Woher man Testpersonen bekommt
Eine Sitzung mit einem echten Screenreader-Nutzer ist mehr wert als unser gesamter Bericht, weil sie nicht „ist das Kriterium erfüllt“ beantwortet, sondern „kann man hier kaufen“. Solche Tests führen Blinden- und Sehbehindertenorganisationen sowie Prüfunternehmen durch, die Testerinnen und Tester mit Behinderungen beschäftigen. Der Marktpreis für eine Sitzung liegt unter einer durch hundert geteilten Geldbuße nach Art. 73. Unser Analysator macht die Schicht darunter: Er prüft Rollen, Namen, Zustände, Fokus und Kontrast, damit eine Sitzung mit einem Menschen nicht mit dem beginnt, was eine Maschine selbst sieht.