Assistierende Technologien
JAWS for Windows

JAWS - Der meistverbreitete Screen Reader

[Materialsammlung]

JAWS (Job Access With Speech) ist international einer der meist verwendeten Screen Reader und im deutschsprachigen Raum als solcher der Platzhirsch für Windows Desktop Anwendungen. Entsprechend relevant ist JAWS etwa für folgende Bereiche:

Basisinformationen zum Konzept von JAWS

JAWS-Taste

Screen Reader müssen überwiegend Tastaturbefehle anbieten, um Navigation und Bedienung zu gewährleisten. Da jedoch schon Windows und Anwendungsprogramme Tastaturbefehle mit den üblichen Funktionstasten SHIFT, STRG und Alt zur Verfügung stellen, hat sich die Entwicklungsfirma von JAWS eine eigene ungewohnte Funktionstaste ausgedacht, die JAWS-Taste.

Als JAWS-Taste fungieren in der Standardkonfiguration:

Desktop
0 (NULL auf der numerischen Tastatur) bei ausgeschaltetem NumLock oder
(Die NumLock-Taste befindet sich im Ziffernblock auf der rechten Seite der Tastatur ganz links oben.)
Notebook
EINFÜGEN

Erkunden einer Webseite mit JAWS

Wer eine Webseite visuell wahrnehmen kann, erhält rasch einen Überblick über verfügbare Inhalte, kann Seitenregionen identifizieren oder von Überschrift zu Überschrift springen.

Damit bei der Nutzung von Screen Readern Strukturen wahrgenommen und ein diagonales Lesen ermöglicht werden, ist zunächst ein adäquates semantisches Markup vorausgesetzt. Screen Reader stellen dann Funktionalitäten zur Verfügung, um gezielt zu erkunden und zwischen semantischen Elementen zu navigieren.

JAWS bietet umfangreiche Möglichkeiten, gezielt Elemente eines bestimmten Typs von einer Webseite in einem eigenen Dialogfeld aufzulisten. Wer diese Funktionalität im Web Design zum Test oder zur Prüfung einsetzen möchte, findet alle verfügbaren Elementtypen bei der Suche nach Virtuellen HTML Funktionen. Es genügt also, sich den entsprechenden Shortcut zu merken.

JAWS Tastenbefehle zur Erkundung einer Webseite
Befehl Shortcut
Virtuelle HTML Funktionen (Grafiken, …) auflisten JAWS-Taste + F3
Formularfelder auflisten JAWS-Taste + F5
Überschriften auflisten JAWS-Taste + F6
Links auflisten JAWS-Taste + F7
Rahmen auflisten JAWS-Taste + F9
Auswahlschalterauflisten JAWS-Taste + STRG + A
Buttons (Schalter) auflisten JAWS-Taste + STRG + B
Ausklapplisten auflisten JAWS-Taste + STRG + C
Eingabefelder auflisten JAWS-Taste + STRG + E
Listen auflisten JAWS-Taste + STRG + L
(HTML5) Regionen auflisten JAWS-Taste + STRG + R
Tabellen auflisten JAWS-Taste + STRG + T
Kontrollfelder auflisten JAWS-Taste + STRG + X
Abschnitte (DIV-Bereiche) auflisten JAWS-Taste + STRG + Z

Funktionalitäten für das Web Design

Bedeutung eines Grundverständnisses

Ein Screen Reader liest nicht nur Texte vor, er liefert auch die nötigen semantischen Informationen über die Art und gegebenenfalls Zustand eines Elements.

Darüber hinaus bietet JAWS Möglichkeiten, Elementtypen herauszufiltern oder gar Seitenbereiche auszublenden. Ein Grundverständnis dieser Funktionalitäten ist im Web Design bei der Entwicklung und beim Test komplexer Komponenten zweckmäßig.

JAWS Shortcuts für das Web Design

Screen Reader werden von Menschen genutzt, die auf die Tastatur angewiesen sind. Folgerichtig wird bei der Entwicklung von Screen Readern viel Wert auf die Verfügbarkeit von Tastaturbefehlen gelegt. Im folgenden Bereich sammle ich die Shortcuts, die mir bei der Entwicklung barrierefreier Webseiten hilfreich scheinen, also für Menschen, die meist nicht auf Screen Reader angewiesen sind.

Zu beachten ist, dass Screen Reader nur Objekte aus dem DOM anzeigen, also Elemente von Slidern, Akkordeons oder Tabs auf einer Webseite möglicherweise nicht aufgelistet werden.

JAWS Tastenbefehle für das Web Design
Befehl Shortcut Anmerkungen
Sprachhistorie anzeigen
(Was hat die Sprachausgabe zuletzt gesagt?)
JAWS-Taste + Leertaste, H Falls die Sprachausgabe einmal unverständlich war ...
Auch hilfreich zur Dokumentation des Verhaltens von JAWS. Allerdings kann die Darstellung des Verlaufs etwa bei fremdsprachigen Seiteninhalten von der tatsächlichen Sprachhistorie abweichen. Solche Abweichungen habe ich etwa bei Satzzeichen wahrgenommen.
Element-Informationen anzeigen JAWS-Taste + Shift + F1 Semantik und Attribute des Elements unter dem virtuellen Cursor und seiner Elternelemente
Virtuelle HTML Funktionen auflisten JAWS-Taste + F3 Alle suchbaren Typen im Überblick
Formularfelder auflisten JAWS-Taste + F5 Hilfreich zum Prüfen von Beschriftungen
Überschriften auflisten JAWS-Taste + F6 Hilfreich zum Prüfen von Texting und Struktur
Links auflisten JAWS-Taste + F7 Hilfreich beim Prüfen des Texting (mehr, …)
Elemente mit onMouseOver auflisten JAWS-Taste + STRG + Ö Hilfreich beim Identifizieren von Problembereichen

Beispiel: Prüfung der Alternativtexte

Was macht JAWS mit Bildern auf der Webseite? Die Antwort lässt sich unter den Virtuellen HTML Funktionen finden:

  1. Drücken Sie JAWS-Taste + F3, um alle verfügbaren virtuellen HTML-Funktionen anzuzeigen.
  2. Drücken Sie G, um die Grafiken aufzulisten. (Ich finde das Wording Grafiken für Bilder nicht adäquat, aber damit müssen wir uns abfinden.)

Achtung: Bei diesen Verfahren werden nur die Alternativtexte dargestellt, die für den Screen Reader gerade wahrnehmbar sind. Elemente, die technisch gerade ausgeblendet sind (in Akkordeons, Slidern, ...) werden durch dieses Verfahren nicht erfasst.

Nun können Sie prüfen, ob die aktuell von JAWS erfassten Bilder auf der Webseite über angemessene Alternativtexte verfügen:

Was auf diese Weise nicht geprüft werden kann, ist ob Bilder widersinnig mit leerem ALT-Attribut versehen wurden.

Unterdrücken von Meldungen für HTML 5 und ARIA

Bedeutung des Unterdrückens von Meldungen für HTML 5 und ARIA

In der Version 2018 werden in JAWS standardmäßig einige Meldungen unterdrückt, die beim Einsatz von HTML5 Regionen oder ARIA Roles an sich für den Screen Reader vorgesehen wurden. Offensichtlich wurde die Fülle an semantischen Zusatzinformationen manchen schon zu bunt.

Dieses neue Feature erlaubt es, jedenfalls Menschen, die Meldungen zur Semantik irritieren oder die diese noch gar nicht kennen und nützen können, möglichst Plain Text vorgelesen zu bekommen. Ob die teilweise Unterdrückung von Meldungen, die explizit für Screen Reader gedacht sind als Standardoption zweckmäßig ist, bezweifle ich.

Ausführlichkeitsstufen zu Meldungen für ARIA und HTML5
Wert Auswirkung
Niedrig JAWS gibt standardmäßig nur Anfang und Ende von Tabellen an.
Mittel JAWS liest nur eine Auswahl vorgegebener Bereiche und Elementtypen.
(Standardwert)
Hoch JAWS meldet standardmäßig alle vorgegebenen Regionen und Rollen.

Festlegen und Konfigurieren der Ausführlichkeitsstufen

Folgendermaßen kann die Ausführlichkeitsstufe allgemein festgelegt und für detaillierte Bedürfnisse angepasst werden:

  1. JAWS Einstellungsverwaltung öffnen (JAWS-Taste + 6).
  2. Anwendung auswählen, für welche die Ausführlichkeitsstufe festgelegt werden soll.
    Um die Stufe für alle Anwendungen festzulegen, das erste Element in der Liste wählen: Standard (Alle Anwendungen).
  3. Gruppe Web / HTML / PDF wählen.
  4. Mit dem Gruppenelement Web Ausführlichkeitsstufe durch Drücken der LEERTASTE auf die gewünschte Stufe ändern.
  5. Optional mit dem Gruppenelement Web Ausführlichkeitsstufen anpassen durch Drücken von F6 in den Dialog zum Konfigurieren der einzelnen Ausführlichkeitsstufen wechseln.

Die Ausführlichkeitsstufe lässt sich auch für einzelne Webseiten konfigurieren. Folgendes Vorgehen ist möglich:

  1. Webseite im Browser öffnen.
  2. JAWS Schnelleinstellungen öffnen (JAWS-Taste + V).
  3. Nach Personalisierte Web-Einstellungen suchen.
  4. Mit F6 in den Konfigurationsbereich wechseln.
  5. Gewünschte Ausführlichkeitsstufe wählen.

Braillebetrachter

Um am Bildschirm zu sehen, was gerade auf der Braillezeile angezeigt werden könnte, kann der JAWS Braillebetrachter verwendet werden. Er gibt wieder, was gerade auf der Braillezeile angezeigt wird oder simuliert, was gerade auf einer Braillezeile mit 40 Braillemodulen angezeigt würde.

Der Braillebetrachter kann leider nicht über eine Kurztaste eingeblendet werden. Das Programm muss über das Windows Startmenü folgendermaßen gestartet werden:

  1. Startmenü öffnen (WINDOWSTASTE oder Mausklick links unten)
  2. Alle Programme wählen
  3. Aktuelle JAWS Version wählen.
  4. Braillebetrachter wählen.

Tipp:: Suchen Sie im Windows Startmenü nach BViewer.exe, um eine Desktopverknüpfung zum Braillebetrachter herzustellen.

Am oberen Bildschirmrand erscheint nun die Braillezeile – Simulation. Darunter befinden sich noch Informationen zu Darstellungsmöglichkeiten auf einer Braillezeile.

Funktionalitäten für die optimierte Nutzung

Bedeutung von Features und Funktionalitäten

Bei der Nutzung eines Screen Readers wird gewöhnlich nur die Tastatur eingesetzt. Die Navigation auf einem Webauftritt und die Bedienung von Elementen muss daher vom Screen Reader für die Tastaturbedienung optimiert werden.

Menschen, die auf Screen Reader angewiesen sind, erhalten eine lineare Wahrnehmung und keine flächige, wie sie beim Blick auf einen Bildschirm möglich ist. Überschriften oder Listen müssen als solche semantisch gekennzeichnet sein. Darüber hinaus müssen Relationen zwischen Seitenbereichen, wie Kopf- und Fußbereich, Hauptinhalt und ergänzende Informationen technisch für Screen Reader wahrnehmbar sein und von diesem verfügbar gemacht werden.

Kurztasten zur schnelleren Navigation

JAWS bietet, wie andere Screen Reader auch, zahlreiche Möglichkeiten, Seitenelemente durch einen einfachen Tastenklick anzuspringen. Dies erhöht die Effizienz des Lesens und Bedienens einer Webseite. So lässt sich der Virtuelle Cursor mit einem Klick auf H zur nächsten Überschrift bewegen und Ähnliches.

Für das Web Design genügt es, über diese Möglichkeiten bei der Bedienung Bescheid zu wissen und auf eine sorgfältige semantische Verwendung von HTML Elementen zu achten.

Um jeweils zum vorherigen Element eines bestimmten Typs zu springen, wird gleichzeitig die SHIFT – Taste gedrückt. Mit SHIFT + H kommt man beispielsweise zur vorherigen Überschrift, also in der Regel zur Überschrift des aktuellen Abschnitts.

JAWS Kurztasten zur Seitennavigation
Seitenelement Taste
Abschnitt Z
Anklickbares Element - (Bindestrich)
Ausklappliste C
Auswahlschalter A
Besuchter Link V
Eingabefeld E
Element gleichen Typs S
Element unterschiedlichen Typs D
Formularfeld F
Liste L
Listeneintrag I
Kontrollfeld X
onMouseOver-Element Ö
Rahmen M
Region (HTML5) R
Schalter B
Tabelle T
Text ohne Link N
Überschrift H
Überschrift der Ebene # 1 bis 6

Tabellen mit JAWS erarbeiten

Screen Reader stellen eine lineare Wahrnehmung von Inhalten zur Verfügung. Entsprechend mühsam und komplex ist es, wenn mit einem Screen Reader ein flächiges Element, wie eine Tabelle zu erarbeiten ist. Einige der wichtigsten Tastaturbefehle für Tabellen sind hier zusammengefasst:

JAWS Tastaturbefehle für Tabellen (Auswahl)
Befehl Shortcut
Springe zur nächsten Tabelle: T
Navigiere zur Nachbarzelle: AltGr + Pfeiltaste (, , , )
Lies aktuelle Zelle vor: AltGr + Num5
Springe zur ersten Zelle der Tabelle: AltGr + Pos1
Springe zur ersten Zelle der Spalte: AltGr + Shift +
Springe zur ersten Zelle der Zeile: AltGr + Shift +
Aktuelle Zeile lesen: Alt + Windows + Num5
Lies aktuelle Spaltenüberschrift: ?
Derzeit wird der Fokus beim Befehl für das Lesen der ersten Zelle der Spalte auch gleich dorthin verschoben.
Einen gesonderten Befehl zum alleinigen Vorlesen der Spaltenüberschrift habe ich in der Hilfe nicht gefunden. Bin gespannt auf Reaktionen der Entwickler.

Flexible Web – Seitenbereiche verstecken

JAWS bietet die Möglichkeit, Bereiche einer Seite für die Ausgabe an Sprachausgabe oder Braillezeile zu verbergen. So können häufig besuchte Seiten auf wesentliche Startpunkte fokussiert und unrelevante Bereiche individuell ausgeblendet werden. Allerdings sind für diese Funktionalitäten Basiskenntnisse über HTML-Elemente und deren Attribute und andere Webtechnologien, wie WAI-ARIA erforderlich.

Diese Funktionalitäten können mit folgendem Tastaturbefehl festgelegt werden:

JAWS Tastenbefehle für Flexible Web
Befehl Shortcuts
Flexible Web Dialog aufrufen JAWS-Taste + Leertaste, X

JAWS und CSS

Bedeutung des Umgangs von JAWS mit CSS-Anweisungen

Screen Reader interessieren sich eigentlich nicht für das grafische Erscheinungsbild von HTML-Elementen. Entscheidend ist die semantische Funktion des Elements als Überschrift, Absatz, Listenelement oder Ähnlichem. Trotzdem ignoriert JAWS CSS Anweisungen nicht gänzlich, wie ich durch Zufall entdeckte:

Mit den CSS Anweisungen ::before und ::after lassen sich Zeichenketten oder auch Bilder vor oder hinter ein Element einblenden. JAWS erkennt diese Zeichen – vermittelt durch den Browser – unter Umständen und gibt sie an die Sprachausgabe weiter.

Beispiel before

Mit folgender CSS Anweisung soll vor den Link ein nach unten zeigendes Dreieck eingeblendet werden:

a.darr::before { content: "▼ " }

Der HTML-Code kann etwa so aussehen:

<a class="darr" href="infos.html" >Irgendwas</a>

JAWS liest in meinem Mozilla Firefox 44 vor: Schwarzes nach unten zeigendes Dreieck. Im Internet Explorer 11 wird das Zeichen hingegen ignoriert. Offensichtlich werden diese CSS Anweisungen in den beiden Browsern unterschiedlich gerendert.

Hier können Sie das Verhalten eines Screen Readers im Browser Testen:

Testlink für CSS Klasse ::before

Beobachtungen

Fazit

Es könnten die CSS-Anweisungen ::before und ::after durchaus Probleme bei der Barrierefreiheit verursachen.

Ressourcen zu JAWS

BLINDNESS SOLUTIONS: JAWS®

Die englischsprachige Originalseite des Entwicklers Freedom Scientific.

Downloadseite für Demoversionen von JAWS (deutschsprachig)

JAWS kann als Demoversion mit allen Funktionalitäten herunter geladen werden. Allerdings ist nach 40 Minuten ein Neustart erforderlich, wenn das Programm nicht lizenziert ist.

JAWS-Mailingliste JFWGerman

Anbieterunabhängige deutschsprachige Mailingliste für Produkte von Freedom Scientific.