Podgląd czytnika ekranu
Wklej HTML, aby zobaczyć, jak czytnik ekranu by go zlinearyzował i ogłosił. Sprawdź swoje teksty alt, swoje nagłówki i atrybuty ARIA.
Wyjście czytnika ekranu
📚 Naukowe podstawy i źródła
Dla kogo to narzędzie jest zaprojektowane
Czytniki ekranu są niezbędną technologią asystującą dla osób niewidomych lub z poważnym upośledzeniem wzroku. Według Światowego raportu o widzeniu WHO (2019), co najmniej 2,2 miliarda osób na świecie cierpi na upośledzenie wzroku, w tym około 43 miliony osób niewidomych. Badanie WebAIM Screen Reader Survey (2024) konsekwentnie stwierdza, że ogromna większość użytkowników czytników ekranu to osoby z niepełnosprawnościami, przy czym ślepota jest najczęstszym powodem. Deweloperzy, designerzy i twórcy treści używają tego narzędzia, aby podejrzeć, jak ich HTML zostanie zinterpretowany przez technologie asystujące — co pomaga wykryć brakujące teksty alternatywne, niepoprawne struktury nagłówków, przyciski i pola bez dostępnej nazwy oraz błędne użycie ARIA, zanim końcowi użytkownicy je napotkają.
Jak działa to narzędzie
To narzędzie analizuje Twój HTML za pomocą natywnego DOMParser przeglądarki (żadne dane nie opuszczają Twojego urządzenia), a następnie przegląda drzewo dostępności, aby zbudować zlinearyzowaną kolejność czytania. Sprawdza obecność tekstów alternatywnych na obrazach, spójność poziomów nagłówków, linki i przyciski bez dostępnej nazwy, role i etykiety ARIA oraz pola formularzy bez powiązanej etykiety.
Referencje naukowe
- WebAIM (2024). « Screen Reader User Survey #10 Results. » webaim.org · Największe ciągłe badanie sposobów użycia czytników ekranu, kombinacji przeglądarek i przeszkód w dostępności. Konsekwentnie stwierdza, że nagłówki i punkty orientacyjne (landmarks) są głównymi strategiami nawigacji użytkowników.
- Światowa Organizacja Zdrowia (2019). Światowy raport o widzeniu. · Donosi, że co najmniej 2,2 miliarda osób na świecie cierpi na upośledzenie wzroku z bliska lub z daleka, w tym około 43 miliony niewidomych.
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). « Guidelines are only half of the story: Accessibility problems encountered by blind users on the web. » Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · Stwierdziło, że znacząca część problemów z dostępnością napotykanych przez niewidomych użytkowników nie była objęta samymi WCAG, podkreślając konieczność ręcznego przeglądu i testów z czytnikiem ekranu.
- Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007). « What frustrates screen reader users on the web: A study of 100 blind users. » International Journal of Human-Computer Interaction, 22(3), 247–269. · Zidentyfikowało brakujące teksty alternatywne, nieoznaczone pola formularzy i mylące etykiety linków jako główne frustracje zgłaszane przez niewidomych użytkowników.
- W3C WAI (2023). « WAI-ARIA Authoring Practices 1.2. » · Definiuje, jak role, stany i właściwości powinny być używane, aby uczynić dynamiczną treść dostępną dla technologii asystujących.
Disclaimer
To narzędzie zapewnia uproszczone przybliżenie wyjścia czytnika ekranu opartego na drzewie dostępności HTML. Prawdziwe czytniki ekranu (NVDA, JAWS, VoiceOver, TalkBack) różnią się sposobem ogłaszania treści, zarządzania atrybutami ARIA i interakcji z dynamicznymi widgetami. Ten podgląd nie zastępuje testów z prawdziwymi czytnikami ekranu i prawdziwymi użytkownikami. Jest przeznaczony do wykrywania częstych problemów wcześnie w procesie redakcyjnym.