Bildbeschreibung: Eine lebendige Illustration von Elementen des Online-Shoppings, darunter ein Warenkorb mit Paketen, farbenfrohe Artikel wie Schuhe, Taschen und Kopfhörer sowie Symbole für Barrierefreiheit, Suche, Wiedergabe und Audio. Ein auffälliger „Jetzt kaufen“-Button und verschiedene UI-Elemente unterstreichen das E-Commerce-Erlebnis.
Bildschirmleseprogramme verstehen
Lesezeit: 8 Minuten
Für diejenigen, die mit Screenreader-Tests nicht vertraut sind, kann eine andere Perspektive eine aufschlussreiche Erfahrung sein, die zeigt, wie Nutzer mit Sehbehinderungen digitale Inhalte navigieren. Screenreader sind Softwareanwendungen, die es Menschen mit Sehbehinderungen ermöglichen, einen Computer zu benutzen, indem sie den Inhalt auf dem Bildschirm vorlesen oder in Brailleschrift ausgeben.
Bildschirmleseprogramme für Barrierefreiheit im Internet
| Bildschirmleseprogram | Beschreibung |
|---|---|
| KIEFER | Job Access With Speech (JAWS) ist ein weit verbreiteter Screenreader für Windows. Er ist für das Testen von Webinhalten unverzichtbar und funktioniert mit Browsern wie Chrome und Firefox. Um JAWS effektiv nutzen zu können, muss man seine Tastaturkürzel lernen, da die meisten Benutzer keine Maus verwenden. Seine Lesebefehle und Navigationskürzel, wie z. B. das Drücken von „H”, um zur nächsten Überschrift zu springen, oder „T”, um zur nächsten Tabelle zu gelangen, sind für die Webnavigation unverzichtbar. |
| NVDA | NonVisual Desktop Access (NVDA) ist ein kostenloser, Windows-kompatibler Screenreader. Er ist bekannt für seine Benutzerfreundlichkeit und eine Vielzahl von Tastaturbefehlen, die denen von JAWS ähneln, wie z. B. die Navigation durch Links, Überschriften und Formularsteuerelemente mithilfe von Einzeltasten-Shortcuts. Einstellungen wie Stimme und Geschwindigkeit können direkt über das Menü angepasst werden. |
| VoiceOver | Apples VoiceOver ist in Mac- und iOS-Geräte integriert und bietet umfassende Unterstützung für die Navigation durch Webinhalte in Safari. Es verfügt über einzigartige Funktionen wie den Rotor, mit dem Sie durch einfache Gesten auswählen können, durch welche Elemente einer Webseite Sie navigieren möchten. Für effektive Tests ist es unerlässlich, sich mit den VoiceOver-Befehlen vertraut zu machen. |
| TalkBack | TalkBack ist der entsprechende Bildschirmleser für Android-Geräte. Er verfügt über eine Vielzahl von Gesten und Einstellungen, mit denen Sie Webinhalte mit Chrome erkunden und mit ihnen interagieren können. Das lokale Kontextmenü ist ein wichtiges Werkzeug in TalkBack, mit dem Benutzer Navigations-Einstellungen wie Überschriften oder Links mit einfachen Fingerbewegungen auswählen können. |
| Erzähler | Narrator ist der integrierte Bildschirmleser für Windows, der neben Browsern wie Edge an Bedeutung gewonnen hat. Mit einer Reihe von Befehlen erleichtert Narrator die Navigation im Internet und das Lesen von Inhalten. Der „Scan-Modus“ ist besonders nützlich für das Durchsuchen von Inhalten und schaltet sich automatisch aus, wenn Sie mit Elementen wie Textfeldern interagieren müssen. |
| Dolphin-Bildschirmleseprogram | Der in Großbritannien und Europa beliebte Dolphin ScreenReader für Windows bietet verschiedene Hotkeys und verfügt über Funktionen, die sowohl auf Desktop- als auch auf Laptop-Tastaturlayouts zugeschnitten sind. Er unterstützt Chrome, Firefox und Edge und verfügt über eine Option zum Vorlesen von Webinhalten, wodurch die Navigation intuitiv wird. |
| Orca | Orca ist ein umfassender Screenreader für Linux-Systeme, darunter Distributionen wie Ubuntu und Fedora. Er bietet zuverlässige Unterstützung für die Navigation in Webinhalten und Anwendungen über Browser wie Firefox und Chromium. Orca verfügt über eine Reihe von Tastaturbefehlen zum Lesen und Interagieren mit Webelementen und ermöglicht eine umfassende Anpassung der Sprachausgabe und Einstellungen. |
Screenreader-Tests zeigen, wie verschiedene Tools Überschriften, Links und interaktive Elemente interpretieren, und sind daher für die Gewährleistung der Barrierefreiheit unerlässlich. Während sehende Benutzer Inhalte visuell überfliegen können, sind Screenreader-Benutzer auf eine lineare, textbasierte Erfahrung angewiesen. Daher ist es von entscheidender Bedeutung, die Struktur und Semantik von Webinhalten zu verstehen.
Es mag zwar nicht praktikabel sein, sich mit jedem Screenreader vertraut zu machen, doch wenn Sie sich mit deren Grundfunktionen vertraut machen, können Sie die Barrierefreiheit im Internet erheblich verbessern. Es wird empfohlen, Inhalte mit mehreren Screenreadern zu testen, um die Bandbreite der Benutzerinteraktionen und -präferenzen abzudecken.
Machen Sie sich mit den grundlegenden Befehlen und Barrierefreiheitsfunktionenvon Bildschirmleseprogrammen vertraut.
Jeder Screenreader verfügt über eine Reihe einzigartiger Befehle. Bevor Sie mit dem Testen beginnen, machen Sie sich mit den grundlegenden Navigationsfunktionen vertraut, z. B. dem Wechseln zwischen Überschriften, Links und Steuerelementen. Dazu müssen Sie häufig Tastenkombinationen lernen. Bei JAWS drücken Sie beispielsweise „Einfügen“ + „F7“, um eine Liste mit Links aufzurufen, während NVDA für eine ähnliche Funktion die Taste „NVDA“ + „F7“ verwendet.
| Testaufgabe | Navigationsmethoden |
|---|---|
| Entdecken Sie die Barrierefreiheitsfunktionen Ihres Betriebssystems |
|
| Grundlegende Navigationstests durchführen |
Öffnen Sie eine Webseite und navigieren Sie mit dem Screenreader durch den Inhalt:
|
| Einstellungen für Test anpassen |
Um die Erfahrung genauer zu simulieren, passen Sie die Einstellungen des Screenreaders an:
|
| Entwickler- und Testtools verwenden | Nutzen Sie integrierte Entwicklertools oder Erweiterungen wie WAVE und die Entwicklerkonsole des Browsers, um zu verstehen, wie Screenreader den Code hinter Ihren Webinhalten interpretieren. Auf diese Weise können Sie strukturelle Probleme identifizieren, die durch Audio-Feedback allein möglicherweise nicht sofort erkennbar sind. |
Das Testen mit Screenreadern erfordert Geduld. Nehmen Sie sich Zeit, um mit dem Screenreader zu üben, damit Sie so kompetent navigieren können wie ein normaler Benutzer. Denken Sie daran, dass Screenreader komplexe Tools sind und es Zeit braucht, um ihren effektiven Einsatz zu erlernen. Nachdem Sie den Inhalt getestet haben, sollten Sie Feedback von tatsächlichen Screenreader-Benutzern einholen. Durch die Einbindung von Screenreader-Tests in Ihre QA-Workflows können Sie Probleme identifizieren, die automatisierte Scans allein nicht erkennen können.
Um sicherzustellen, dass Ihre Screenreader-Tests effektiv und umfassend sind, müssen Sie mehrere Faktoren berücksichtigen, die sich auf die Benutzererfahrung von Personen auswirken können, die auf diese Technologie angewiesen sind. Hier finden Sie einen detaillierten Leitfaden, der Ihnen hilft, diese Überlegungen zu verstehen und in Ihre Testverfahren zu integrieren.
Wichtige Überlegungen zum Testen von Screenreadern
- Die Benutzererfahrung verstehen
- Bevor Sie mit dem Testen beginnen, ist es wichtig zu verstehen, wie ein Screenreader Webinhalte interpretiert und darstellt. Im Gegensatz zu sehenden Benutzern, die eine gesamte Webseite schnell überfliegen können, erhalten Screenreader-Benutzer Informationen in einer sequenziellen, linearen Weise. Das bedeutet, dass die logische Reihenfolge Ihrer Inhalte und deren Codierung von entscheidender Bedeutung sind.
- Testen auf verschiedenen Plattformen
- Windows: JAWS und NVDA sind bekannt, aber übersehen Sie nicht Narrator, insbesondere da es ständig verbessert wird.
- MacOS: VoiceOver ist tief integriert und bietet einzigartige Navigationsfunktionen, wie beispielsweise den Rotor.
- Linux: Orca bietet eine robuste Bildschirmleserfahrung unter Linux und lässt sich in Browser und die GNOME-Desktopumgebung integrieren.
- Mobilgeräte: Vergessen Sie nicht, VoiceOver auf iOS-Geräten und TalkBack auf Android-Geräten zu testen, da die Barrierefreiheit auf Mobilgeräten von entscheidender Bedeutung ist.
- Interaktive Elemente
- Stellen Sie sicher, dass alle interaktiven Elemente wie Formulare, Schaltflächen und Links eindeutig beschriftet sind und mit den Standard-Tastenkombinationen von Bildschirmleseprogrammen navigiert werden können. Durch Tests sollte bestätigt werden, dass diese Elemente nicht nur zugänglich sind, sondern auch Feedback geben, wenn mit ihnen interagiert wird, z. B. durch Bestätigung, wenn ein Formular abgeschickt wird.
- Dynamischer Inhalt
- Die Tests müssen auch dynamische Inhalte wie modale Dialoge, Live-Updates und AJAX-gesteuerte Schnittstellen abdecken. Stellen Sie sicher, dass Änderungen im Inhalt vom Screenreader angekündigt werden, ohne dass die Seite aktualisiert werden muss.
- Visuelle Abhängigkeit
- Überprüfen Sie, ob die Funktionalität oder der Inhalt Ihrer Website übermäßig von visuellen Hinweisen abhängig ist. Stellen Sie sicher, dass alle Informationen, die durch Farbe oder Layout vermittelt werden, auch in Textform verfügbar sind.
- Verwendung von ARIA (barrierefreie Rich-Internet-Anwendungen)
- ARIA-Rollen und -Eigenschaften tragen dazu bei, die Barrierefreiheit von Webinhalten zu verbessern, insbesondere von dynamischen Inhalten und erweiterten Benutzeroberflächensteuerelementen, die mit Ajax, HTML, JavaScript und verwandten Technologien entwickelt wurden. Stellen Sie sicher, dass ARIA-Labels und -Rollen gegebenenfalls ordnungsgemäß verwendet werden.
- Feedback und iterative Tests
- Beziehen Sie Feedback von tatsächlichen Screenreader-Nutzern ein. Ihre Erkenntnisse können wertvolle Perspektiven liefern, die automatisierte Tools und Simulationen möglicherweise übersehen. Iterative Tests, die regelmäßige Überprüfungen und Aktualisierungen umfassen, können dabei helfen, Probleme hinsichtlich der Barrierefreiheit effektiver anzugehen.
- Dokumentation und Schulung
- Führen Sie eine umfassende Dokumentation Ihrer Barrierefreiheitsprotokolle und Screenreader-Testverfahren. Investieren Sie außerdem in die Schulung von Entwicklern und Content-Erstellern zu Best Practices im Bereich Barrierefreiheit, um sicherzustellen, dass die Barrierefreiheit in jeder Phase der Webentwicklung berücksichtigt wird.
- Einhaltung gesetzlicher Vorschriften und bewährte Verfahren
- Stellen Sie schließlich sicher, dass Ihre Website den gesetzlichen Standards wie dem EAA (European Accessibility Act), dem ADA (Americans with Disabilities Act), Abschnitt 508 des Rehabilitation Act und den WCAG (Web Content Accessibility Guidelines) entspricht. Die Einhaltung dieser Richtlinien trägt nicht nur dazu bei, Ihre Website barrierefrei zu gestalten, sondern verbessert auch die allgemeine Benutzererfahrung für alle.
Schlussfolgerung
Umfassende Screenreader-Tests umfassen das Ausprobieren mehrerer Geräte, Plattformen und Browser, um reale Anwendungsfälle zu berücksichtigen. Durch das Verstehen und Implementieren gründlicher Testprotokolle kann jeder sicherstellen, dass seine Websites barrierefrei sind, wodurch ein breiteres Publikum erreicht und eine bessere Benutzererfahrung geboten wird. Dieses Engagement für Barrierefreiheit kann den Ruf und die Wirksamkeit Ihrer digitalen Präsenz erheblich verbessern.
Erfahren Sie mehr über unsere Dienstleistungen im Zusammenhang mit dem Europäischen Barrierefreiheitsgesetz.
Die EAA ist seitdem 28. Juni 2025 in Kraft.
