Upewnij się, że czytniki ekranu i inne technologie wspomagające wyświetlają tylko odpowiednie części strony. Na przykład treści, które są poza ekranem, powinny być ukryte dla technologii wspomagających.
Jak przeprowadzić test ręczny
Aby sprawdzić, czy treści poza ekranem są ukryte, przeprowadź testy z użyciem czytników ekranu.
- Użytkownicy komputerów Mac mogą obejrzeć ten film o korzystaniu z VoiceOver.
- Jeśli używasz komputera PC, obejrzyj ten film o NVDA.
- Użytkownicy Chromebooków mogą korzystać z wbudowanego czytnika ekranu ChromeVox.
Aby przewijać stronę, użyj klawisza Tab. Czytnik ekranu nie powinien ogłaszać ukrytych treści.
Rozwiązanie
Aby ukryć elementy, które nie są widoczne na ekranie, usuń element zawierający te treści z kolejności kart, ustawiając go na display: none lub visibility: hidden.
Na przykład:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
Zobacz też prawidłowe ustawienie widoczności treści poza ekranem.