Cel kryterium - czyli o co chodzi?
Dzisiaj przyjrzymy się tematowi przewijania ekranu. Kiedyś, aby zobaczyć całą zawartość strony, trzeba było często korzystać z poziomego paska przewijania. Na szczęście, wraz z rozwojem technologii i responsywności, te czasy minęły! Teraz, dzięki kryterium 1.4.10, strony muszą być projektowane w taki sposób, aby użytkownicy nie musieli przewijać strony w poziomie, by uzyskać dostęp do pełnej treści.
Kryterium 1.4.10 – Przewijanie ekranu
To kryterium na poziomie AA ma na celu zapewnienie, że wszystkie informacje na stronie internetowej są dostępne i czytelne, bez konieczności przewijania ekranu w poziomie. Użytkownicy powinni móc łatwo zrozumieć treść, przewijając stronę jedynie w pionie.
Co trzeba spełnić, aby dostosować stronę do tego kryterium?
- Pionowe przewijanie: Strona powinna być zaprojektowana tak, aby wszystkie treści były dostępne za pomocą przewijania góra-dół, a nie w lewo i prawo. To oznacza, że nawet przy szerokości ekranu 320 pikseli, strona musi być czytelna i funkcjonalna bez użycia poziomego paska przewijania.
- Powiększanie tekstu: Użytkownicy muszą mieć możliwość powiększenia tekstu nawet do 400% bez potrzeby przewijania w poziomie. Jest to szczególnie ważne dla osób ze słabym wzrokiem, które muszą zwiększyć rozmiar tekstu, aby móc go komfortowo czytać.
- Unikanie stałych szerokości: Projektowanie strony z układem o stałej szerokości może wymusić konieczność poziomego przewijania. Rekomenduje się projektowanie stron, które są elastyczne i dopasowują się do różnych rozmiarów ekranów.
Czy są jakieś wyjątki?
Tak, w niektórych przypadkach poziome przewijanie jest dopuszczalne. Przykłady obejmują mapy, złożone tabele, wykresy, diagramy, filmy wideo, gry oraz prezentacje. W tych przypadkach poziome przewijanie może być konieczne do pełnego zrozumienia i nawigacji po treści.
Czy wiesz, że?
Zapewnienie łatwej nawigacji i dostępu do treści bez konieczności przewijania w poziomie jest kluczowe dla użytkowników korzystających z różnych urządzeń, takich jak smartfony, tablety czy komputery o mniejszych ekranach. Stosowanie się do tego kryterium pomaga tworzyć strony bardziej dostępne i przyjazne dla wszystkich użytkowników, bez względu na to, z jakiego urządzenia korzystają.
Projektowanie stron zgodnych z kryterium 1.4.10 pozwala na tworzenie bardziej inkluzywnych i responsywnych doświadczeń cyfrowych, co przekłada się na lepsze wrażenia użytkowników oraz większy zasięg treści w internecie.