Przejdź do treści
Zdjęcie przedstawia zbliżenie na telefon, który jest trzymany w rękach osoby. Na ekranie widać interfejs znanej aplikacji do oglądania filmików.Photo by Nathan Dumlao on Unsplash

Dzisiaj trochę o przewijaniu! Pamiętacie te stare czasy, w których żeby zobaczyć całą treść na stronie, trzeba było się naklikać myszką w pasek przewijania? Kiedyś nie wiedzieli co to responsywność. Uf, jak dobrze, że to się pozmieniało! 😀

Kryterium sukcesu 1.4.10

– Przewijanie ekranu – ma na celu zapewnienie Użytkownikom o różnych rozmiarach ekranu dostępu do treści i zrozumienia jej bez konieczności przewijania w poziomie.

    Aby spełnić kryterium 1.4.10 – Przewijanie ekranu, strona internetowa musi spełniać następujące wymagania:
  • Wszystkie informacje na stronie Użytkownik jest w stanie przyswoić tylko za pomocą przewijania strony w pionie – góra/dół. Treść będzie wyświetlana również w szerokości 320 px bez utraty funkcjonalności i informacji oraz bez użycia horyzontalnego scrolla.
  • Użytkownicy powinni mieć możliwość zwiększenia rozmiaru tekstu do 200% bez potrzeby przewijania strony w poziomie. Dzięki temu osoby słabowidzące mogą wygodnie czytać tekst bez konieczności przewijania w lewo i w prawo.
  • Zawartość nie powinna być prezentowana w sposób, który wymaga określonej szerokości widocznego obszaru. Rekomendujemy rezygnację z ustawiania układów o stałej szerokości, które zmuszają Użytkowników do przewijania w poziomie.

 

Czy od tych zasad są jakieś wyjątki?

Tak. Akceptowalne jest przewijanie w poziomie w przypadku map, skomplikowanych tabel, wykresów, diagramów, wideo, gier czy prezentacji.

Zapewnienie skutecznego przepływu treści internetowych pomaga Użytkownikom korzystających z różnych urządzeń z różnymi rozmiarami ekranów uzyskać łatwy i wygodny dostęp do informacji. Stosując się do tego kryterium, projektanci stron internetowych i programiści mogą tworzyć bardziej inkluzywne rozwiązania cyfrowe dla szerszej publiczności.

Małgorzata Szymczak

Małgorzata Szymczak

Accessibility Specialist & Junior Frontend Developer