Zrozumienie czytników ekranu

Żywa ilustracja elementów zakupów online, w tym koszyka z paczkami, kolorowych przedmiotów, takich jak buty, torby i słuchawki, oraz ikon dostępności, wyszukiwania, odtwarzania i audio. Wyraźny przycisk „Kup teraz” i różne elementy interfejsu użytkownika podkreślają doświadczenie związane z handlem elektronicznym.

Opis obrazu: Żywa ilustracja elementów zakupów online, w tym koszyka z paczkami, kolorowych przedmiotów, takich jak buty, torby i słuchawki, oraz ikon dostępności, wyszukiwania, odtwarzania i audio. Wyraźny przycisk „Kup teraz” i różne elementy interfejsu użytkownika podkreślają doświadczenie związane z handlem elektronicznym.

Zrozumienie czytników ekranu

Czas czytania: 8 minut

Dla osób, które nie znają testów czytników ekranu, przyjęcie innej perspektywy może być pouczającym doświadczeniem, które ujawnia, w jaki sposób użytkownicy z dysfunkcją wzroku poruszają się po treściach cyfrowych. Czytniki ekranu to aplikacje, które umożliwiają osobom z dysfunkcją wzroku korzystanie z komputera poprzez odczytywanie treści wyświetlanych na ekranie lub wyświetlanie ich w alfabecie Braille'a.

Czytniki ekranowe zapewniające dostępność stron internetowych

Czytnik ekranuOpis
JAWSJob Access With Speech (JAWS) to szeroko stosowany czytnik ekranu dla systemu Windows. Niezbędny do testowania treści internetowych, współpracuje z przeglądarkami takimi jak Chrome i Firefox. Aby efektywnie korzystać z JAWS, należy nauczyć się skrótów klawiaturowych, ponieważ większość użytkowników nie korzysta z myszy. Polecenia czytania i skróty nawigacyjne, takie jak naciśnięcie klawisza „H” w celu przejścia do następnego nagłówka lub „T” w celu przejścia do następnej tabeli, są integralną częścią nawigacji w Internecie. 
NVDANonVisual Desktop Access (NVDA) to darmowy czytnik ekranu, który działa na Windowsie. Jest znany z łatwości obsługi i szerokiej gamy skrótów klawiaturowych, podobnych do tych w JAWS, takich jak poruszanie się po linkach, nagłówkach i kontrolkach formularzy za pomocą skrótów z jednego klawisza. Ustawienia, takie jak głos i prędkość, można zmieniać bezpośrednio z menu. 
VoiceOverFunkcja VoiceOver firmy Apple jest wbudowana w urządzenia Mac i iOS i zapewnia solidne wsparcie podczas poruszania się po treściach internetowych w przeglądarce Safari. Wprowadza ona unikalne funkcje, takie jak Rotor, który pozwala wybierać typ elementów strony internetowej, po których można się poruszać za pomocą prostych gestów. Aby testowanie było skuteczne, konieczne jest zapoznanie się z poleceniami VoiceOver. 
TalkBackTalkBack to odpowiednik czytnika ekranu dla urządzeń z systemem Android. Oferuje on szereg gestów i ustawień, które umożliwiają przeglądanie treści internetowych i interakcję z nimi za pomocą przeglądarki Chrome. Lokalne menu kontekstowe jest kluczowym narzędziem w TalkBack, umożliwiającym użytkownikom wybieranie ustawień nawigacji, takich jak nagłówki lub linki, za pomocą prostych ruchów palcem. 
NarratorNarrator to wbudowany czytnik ekranu dla systemu Windows, który zyskał popularność wraz z przeglądarkami takimi jak Edge. Dzięki szerokiej gamie poleceń Narrator ułatwia nawigację w sieci i czytanie treści. Jego „tryb skanowania” jest szczególnie przydatny podczas przeglądania treści i wyłącza się automatycznie, gdy trzeba wejść w interakcję z elementami takimi jak pola tekstowe. 
Czytnik ekranu DolphinPopularny w Wielkiej Brytanii i Europie program Dolphin ScreenReader dla systemu Windows oferuje inny zestaw skrótów klawiszowych i posiada funkcje dostosowane zarówno do układów klawiatur komputerów stacjonarnych, jak i laptopów. Obsługuje przeglądarki Chrome, Firefox i Edge oraz posiada opcję odczytu treści internetowych, dzięki czemu nawigacja jest intuicyjna. 
OrkaOrca to kompleksowy czytnik ekranu dla systemów Linux, w tym dystrybucji takich jak Ubuntu i Fedora. Zapewnia solidne wsparcie dla nawigacji po treściach internetowych i aplikacjach za pomocą przeglądarek takich jak Firefox i Chromium. Orca oferuje szereg poleceń klawiaturowych do odczytu i interakcji z elementami internetowymi oraz umożliwia szerokie dostosowanie wyjścia głosowego i ustawień. 

Testowanie czytników ekranowych pokazuje, w jaki sposób różne narzędzia interpretują nagłówki, linki i elementy interaktywne, co ma zasadnicze znaczenie dla zapewnienia zgodności z wymogami dostępności. Na przykład, podczas gdy użytkownicy widzący mogą przeglądać treści wizualnie, użytkownicy czytników ekranowych polegają na liniowym, tekstowym doświadczeniu. Dlatego zrozumienie struktury i semantyki treści internetowych ma kluczowe znaczenie.

Chociaż nauka obsługi wszystkich czytników ekranu może nie być praktyczna, zapoznanie się z ich podstawowymi funkcjami może znacznie poprawić dostępność stron internetowych. Zaleca się testowanie treści za pomocą wielu czytników ekranu, aby uwzględnić zakres interakcji i preferencji użytkowników. 

Zapoznaj się z podstawowymi poleceniami i funkcjami ułatwień dostępuczytników ekranu.

Każdy czytnik ekranu posiada zestaw unikalnych poleceń. Przed rozpoczęciem testowania należy zapoznać się z podstawowymi funkcjami nawigacyjnymi, takimi jak przechodzenie między nagłówkami, linkami i elementami sterującymi. Często wymaga to nauczenia się kombinacji klawiszy. Na przykład w programie JAWS można nacisnąć klawisze „Insert” + „F7”, aby wyświetlić listę linków, natomiast w programie NVDA podobną funkcję pełni kombinacja klawiszy „NVDA” + „F7”. 

Zadanie testoweMetody nawigacji
Zapoznaj się z funkcjami ułatwień dostępu w swoim systemie operacyjnym.
  • Użytkownicy systemu Windows: Wypróbujcie Narrator, który jest wbudowany w system Windows. Narrator można uruchomić lub zatrzymać, naciskając klawisze „Windows” + „Ctrl” + „Enter”.

  • Użytkownicy komputerów Mac: funkcja VoiceOver jest do Państwa dyspozycji. Aby ją aktywować, należy nacisnąć klawisze „Command” + „F5”.

  • Urządzenia z systemem Android: Aby skorzystać z funkcji TalkBack, przejdź do „Ustawienia” > „Dostępność” > „TalkBack”.
  •  
  • Urządzenia z systemem iOS: Funkcję VoiceOver można włączyć, wybierając kolejno opcje „Ustawienia” > „Dostępność” > „VoiceOver”.

Przeprowadź podstawowe testy nawigacyjne. Otwórz stronę internetową i użyj czytnika ekranu, aby poruszać się po treści:
  • Przesłuchaj stronę od początku do końca.
  • Użyj klawiszy szybkiej nawigacji, aby przechodzić między nagłówkami, linkami i innymi elementami.
  • Korzystaj z formularzy i przycisków, aby upewnić się, że czytnik ekranu prawidłowo je odczytuje.
Dostosuj ustawienia do testowania Aby dokładniej symulować to doświadczenie, dostosuj ustawienia czytnika ekranu:
  • Zwolnij tempo głosu, aby mieć pewność, że nadążasz.
  • Użyj funkcji „elementy listy” czytnika ekranu, aby zrozumieć, w jaki sposób interpretuje on strukturę Twojej strony internetowej.
  • Wyłącz mysz i korzystaj wyłącznie z poleceń klawiaturowych.
  • Spróbuj użyć czytnika ekranu przy wyłączonym monitorze, aby naprawdę poczuć, jak działa nawigacja audio.
Korzystaj z narzędzi programistycznych i testujących Wykorzystaj wbudowane narzędzia programistyczne lub rozszerzenia, takie jak WAVE, oraz konsolę programistyczną przeglądarki, aby zrozumieć, w jaki sposób czytniki ekranu interpretują kod zawarty w treściach internetowych. Pomoże Ci to zidentyfikować wszelkie problemy strukturalne, które mogą nie być od razu widoczne na podstawie samych informacji zwrotnych audio. 

Testowanie za pomocą czytników ekranu wymaga cierpliwości. Poświęć trochę czasu na ćwiczenia z czytnikiem ekranu, abyś mógł poruszać się po nim tak sprawnie, jak zwykły użytkownik. Pamiętaj, że czytniki ekranu to złożone narzędzia, a nauka ich efektywnego używania zajmuje trochę czasu. Po przetestowaniu treści warto poprosić o opinię prawdziwych użytkowników czytników ekranu. Włączając testowanie czytników ekranu do procesów kontroli jakości, możesz znaleźć problemy, których nie da się wykryć za pomocą samych skanów automatycznych.

Aby zapewnić skuteczność i kompleksowość testowania czytników ekranu, należy wziąć pod uwagę kilka czynników, które mogą mieć wpływ na wrażenia użytkowników korzystających z tej technologii. Poniżej znajduje się szczegółowy przewodnik, który pomoże Ci zrozumieć te kwestie i włączyć je do procedur testowania. 

Najważniejsze kwestie dotyczące testowania czytników ekranu 

  1. Zrozumienie doświadczeń użytkownika
    • Przed rozpoczęciem testowania należy zrozumieć, w jaki sposób czytnik ekranu interpretuje i przedstawia treści internetowe. W przeciwieństwie do użytkowników widzących, którzy mogą szybko przejrzeć całą stronę internetową, użytkownicy czytników ekranu otrzymują informacje w sposób sekwencyjny i liniowy. Oznacza to, że logiczna kolejność treści i sposób ich kodowania mają kluczowe znaczenie. 
  2. Testowanie na różnych platformach 
    • Windows: JAWS i NVDA są popularne, ale nie zapominajmy o Narratorze, zwłaszcza że jest on stale ulepszany. 
    • MacOS: Funkcja VoiceOver jest głęboko zintegrowana i oferuje unikalne funkcje nawigacyjne, takie jak rotor. 
    • Linux: Orca zapewnia niezawodne odczytywanie ekranu w systemie Linux, integrując się z przeglądarkami i środowiskiem graficznym GNOME. 
    • Urządzenia mobilne: Nie zapomnij przetestować funkcji VoiceOver w systemie iOS i TalkBack w urządzeniach z systemem Android, ponieważ dostępność urządzeń mobilnych ma kluczowe znaczenie. 
  3. Elementy interaktywne 
    • Upewnij się, że wszystkie elementy interaktywne, takie jak formularze, przyciski i linki, są wyraźnie oznaczone i można się po nich poruszać za pomocą standardowych skrótów klawiaturowych czytnika ekranu. Testy powinny potwierdzić, że elementy te są nie tylko dostępne, ale także zapewniają informację zwrotną podczas interakcji, np. potwierdzają przesłanie formularza. 
  4. Treść dynamiczna
    • Testy muszą również obejmować treści dynamiczne, takie jak okna dialogowe modalne, aktualizacje na żywo i interfejsy oparte na AJAX. Należy upewnić się, że zmiany w treści są ogłaszane przez czytnik ekranu bez konieczności odświeżania strony.
  5. Zależność wizualna
    • Oceń, czy funkcjonalność lub zawartość Twojej witryny jest nadmiernie uzależniona od elementów wizualnych. Upewnij się, że wszystkie informacje przekazywane za pomocą kolorów lub układu są również dostępne w formie tekstowej.
  6. Wykorzystanie ARIA (dostępnych aplikacji internetowych typu rich internet applications)  
    • Role i właściwości ARIA pomagają poprawić dostępność treści internetowych, zwłaszcza treści dynamicznych i zaawansowanych elementów sterujących interfejsu użytkownika opracowanych przy użyciu technologii Ajax, HTML, JavaScript i powiązanych. Należy zapewnić prawidłowe stosowanie etykiet i ról ARIA tam, gdzie ma to zastosowanie.
  7. Informacje zwrotne i testy iteracyjne
    • Wykorzystaj opinie rzeczywistych użytkowników czytników ekranu. Ich spostrzeżenia mogą dostarczyć cennych informacji, które mogą umknąć automatycznym narzędziom i symulacjom. Testy iteracyjne, obejmujące regularne przeglądy i aktualizacje, mogą pomóc w skuteczniejszym rozwiązywaniu problemów związanych z dostępnością.
  8. Dokumentacja i szkolenia
    • Prowadź kompleksową dokumentację protokołów dostępności i procesów testowania czytników ekranu. Dodatkowo zainwestuj w szkolenia dla programistów i twórców treści w zakresie najlepszych praktyk dotyczących dostępności, aby zapewnić uwzględnienie dostępności na każdym etapie tworzenia stron internetowych.
  9. Zgodność z przepisami prawa i najlepsze praktyki
    • Na koniec upewnij się, że Twoja strona internetowa jest zgodna z normami prawnymi, takimi jak EAA (europejska ustawa o dostępności), ADA (amerykańska ustawa o niepełnosprawności), sekcja 508 ustawy o rehabilitacji oraz WCAG (wytyczne dotyczące dostępności treści internetowych). Przestrzeganie tych wytycznych nie tylko pomaga w zapewnieniu dostępności witryny, ale także poprawia ogólne wrażenia użytkowników.    

Wnioski 

Skuteczne testowanie czytników ekranu wymaga wypróbowania wielu urządzeń, platform i przeglądarek, aby uwzględnić rzeczywiste przypadki użycia. Dzięki zrozumieniu i wdrożeniu dokładnych protokołów testowych każdy może zapewnić dostępność swoich stron internetowych, docierając w ten sposób do szerszego grona odbiorców i zapewniając lepsze wrażenia użytkownika. Takie zaangażowanie w zapewnienie dostępności może znacznie poprawić reputację i skuteczność Twojej obecności w sieci.

Dowiedz się więcej o naszych usługach związanych z europejską ustawą o dostępności.

EAA obowiązuje od28 czerwca 2025 r.

Autor:

Iwan Gladkow

Dostępność, specjalista ds. marketingu

Śledź nas na LinkedIn