Czy to to samo co NVDA albo VoiceOver?

Nie. Prawdziwe czytniki ekranu różnią się od siebie w sposób, którego to nie odtworzy. Używaj go, żeby wcześnie wyłapać oczywiste błędy, a zanim ogłosisz zgodność, przetestuj stronę prawdziwym czytnikiem.

Dlaczego kolejność jest inna niż to, co widzę?

Bo kolejność czytania zależy od kolejności w dokumencie, a nie od układu wizualnego. Kiedy CSS przestawia elementy, jedno rozjeżdża się z drugim, a ta rozbieżność sama w sobie jest częstym błędem.

Czyta obraz jako „obraz”. Czy to błąd?

To znaczy, że obraz nie ma użytecznego tekstu alternatywnego. Jeśli niesie znaczenie, opisz go; jeśli jest ozdobą, oznacz jako dekoracyjny, żeby był całkiem pomijany.

Koszt: Bezpłatne

/ Darmowe narzędzie · podgląd czytnika

Tak brzmi Twoja strona.

Czytnik ekranu odczytuje stronę element po elemencie. Tam, gdzie element nie ma nazwy, jest cisza, a cisza to moment, w którym niewidomy użytkownik odchodzi. Zobacz dokładną sekwencję z zaznaczonymi miejscami ciszy.

Symulacja liniowego przejścia czytnika w kolejności źródła (bez zmian kolejności przez CSS, bez ARIA dodawanego skryptami). Demonstracja, nie audyt.

/ O czytnikach ekranu

Jak Twoja strona brzmi dla kogoś, kto jej nie widzi.

Ten podgląd czyta stronę tak, jak interpretuje ją technologia asystująca: dostępna nazwa każdego elementu, struktura nagłówków, punkty orientacyjne, kolejność czytania i to, co wnosi obraz, o ile cokolwiek wnosi. Nie zastępuje testu prawdziwym czytnikiem ekranu i nie naśladuje żadnego konkretnego, ale w kilka sekund pozwala usłyszeć najczęstsze problemy.

Najczęstsze niespodzianki to nagłówki skaczące z h1 na h4, linki, które wszystkie są odczytywane jako „czytaj więcej”, przyciski bez nazwy, bo etykietą jest ikona, i obrazy odczytywane jako „obraz”, bo tekstem alternatywnym jest nazwa pliku.

Czy to to samo co NVDA albo VoiceOver?: Nie. Prawdziwe czytniki ekranu różnią się od siebie w sposób, którego to nie odtworzy. Używaj go, żeby wcześnie wyłapać oczywiste błędy, a zanim ogłosisz zgodność, przetestuj stronę prawdziwym czytnikiem.
Dlaczego kolejność jest inna niż to, co widzę?: Bo kolejność czytania zależy od kolejności w dokumencie, a nie od układu wizualnego. Kiedy CSS przestawia elementy, jedno rozjeżdża się z drugim, a ta rozbieżność sama w sobie jest częstym błędem.
Czyta obraz jako „obraz”. Czy to błąd?: To znaczy, że obraz nie ma użytecznego tekstu alternatywnego. Jeśli niesie znaczenie, opisz go; jeśli jest ozdobą, oznacz jako dekoracyjny, żeby był całkiem pomijany.