Przejdź do treści
A11ySignal
Poziom AAWCAG 2.1WCAG 2.2EN 301 549 § 9.1.4.10

1.4.10
Dopasowanie do ekranu

Treść musi przelać się do okna o szerokości 320 px bez poziomego paska przewijania.

Co mówi norma

Treść może być prezentowana bez utraty informacji lub funkcjonalności oraz bez konieczności przewijania w dwóch wymiarach dla:

Dlaczego to ma znaczenie

Tak właśnie wygląda strona dla osoby słabowidzącej przy powiększeniu 400%. Przewijanie w dwóch kierunkach czyni czytanie praktycznie niemożliwym.

Jak wygląda błąd

  • błądKontenery o stałej szerokości albo `min-width` na obudowaniu.
  • błądSzerokie tabele bez obsługi responsywnej.
  • błądPozycjonowanie absolutne, które się nie składa.

Jak to naprawić

  • róbZbuduj układ tak, żeby się przelewał. Jeśli już jesteś responsywny, masz to w większości za sobą.
  • róbSzerokie tabele i bloki kodu przewijaj w ich własnym kontenerze, nie całą stronę.

Jak sprawdza to A11ySignal

ręcznie

Żadna automatyczna reguła nie osądzi tego kryterium i nie będziemy udawać inaczej. Czyste skanowanie nie oznacza, że 1.4.10 jest spełnione — oznacza, że nic mierzalnego nie zawiodło. Tu potrzebny jest człowiek.

Także pod 1.4 Rozróżnialność