- Czy czytnik ekranu może odczytać ukryty element?
- Jak ukryć treść na czytniku ekranu?
- Jak ukryć treść, ale nadal udostępnić ją do wspomagania technologii, takiej jak czytnik ekranu?
- Jak sprawić, by tekst był dostępny dla czytników ekranu?
Czy czytnik ekranu może odczytać ukryty element?
Czytniki ekranu ogólnie ignorują wszystko za pomocą wyświetlacza: Brak, dlatego nie jest odczytywane do czytników ekranu. Istnieją różne sposoby ukrywania rzeczy wizualnie lub niewidzialnych, więc przebierzemy przez przypadki i techniki dla każdego.
Jak ukryć treść na czytniku ekranu?
Aby ukryć tekst przed czytnikiem ekranu i wyświetlić go wizualnie, użyj atrybutu Aria-Hidden i ustaw go na true. Aby ukryć tekst przed czytnikiem ekranu i ukryć go wizualnie, użyj ukrytego atrybutu. Możesz także użyć CSS do ustawienia wyświetlania: Brak lub widoczność: ukryty, aby ukryć element przed czytnikami ekranu i wizualnie.
Jak ukryć treść, ale nadal udostępnić ją do wspomagania technologii, takiej jak czytnik ekranu?
Konwencjonalnym sposobem jest użycie CSS (wyświetlacz: brak; i widoczność: ukryta;) lub atrybut HTML 5 `Hidden`. Te właściwości ukrywają elementy nie tylko na ekranie, ale także dla użytkowników czytnika ekranu. Zatem elementy te nie będą widoczne ani wokalizowane przez technologie wspomagające (AT).
Jak sprawić, by tekst był dostępny dla czytników ekranu?
Użyj wbudowanego tytułu, napisów i stylów nagłówka
Użyj wbudowanych stylów nagłówka i utwórz opisowe teksty nagłówka, aby ułatwić użytkownikom czytnika ekranu określić strukturę dokumentu i poruszać się po nagłówkach.