HTML i CSS · Middle · Pytanie 72 z 75

Jak ukryć etykietę tekstową wizualnie, ale zachować ją dla czytników ekranu?

✓Poprawna odpowiedź: Klasą „visually hidden” (sr-only): przycięte pole 1px z position: absolute, a nie display: none
2Przez display: none
3Przez visibility: hidden

Wyjaśnienie

display: none i visibility: hidden usuwają treść z drzewa dostępności. Utility sr-only w Tailwind implementuje wzorzec z przycięciem.

Do poczytania

Sprawdź się

Rozwiąż test HTML i CSS · Middle: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test