
WCAG 2.1. – kryterium 1.4.10 – Przewijanie ekranu (poziom AA)
- Przejdź do artykułów z tagiem A11Y
- Przejdź do artykułów z tagiem accessibility
- Przejdź do artykułów z tagiem accessibilityMatters
- Przejdź do artykułów z tagiem akademiaWCAG
- Przejdź do artykułów z tagiem dostępność cyfrowa
- Przejdź do artykułów z tagiem WCAG
Treść artykułu
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
Accessibility Specialist & Junior Frontend Developer
Polecane artykuły
-
10.08.2022Dostępność cyfrowa
SVG… SVG… czym jest SVG
SVG (ang. Scalable Vector Graphics) – to format wektorowego pliku graficznego, który w odróżnieniu do rastrowych jpg, png, gif, składa…
-
30.11.2022Badania
Jak zrobić audyt UX. Część 1 – Teoria, odrobina autokrytyki i parę praktycznych porad…
Dzisiaj wrzucamy na blog temat audytów użyteczności! Pomysł na ten wpis narodził się przy okazji audytu UX naszego bloga. Postanowiliśmy…
-
23.12.2022Dostępność cyfrowa
Dostępność cyfrowa – skąd czerpać wiedzę. Część 1
Dostępność, WCAG 2.1, inkluzywność, projektowanie uniwersalne: niektórzy mówią, że to tożsame pojęcia, ale mylą się… W takim razie skąd można…