Zasada 1: Postrzegalność 1.3 Możliwość adaptacji

1.3.4 Orientacja

WCAG 1.3.4 Orientation

W skrócie

Strona lub aplikacja działa zarówno w pionie, jak i w poziomie – nie blokuje jednej orientacji ekranu, chyba że jest to niezbędne (np. aplikacja do czeków bankowych).

Poziom
AA Standard, którego wymaga prawo – usuwa najczęstsze bariery.
Czy to obowiązkowe?
Wymagane prawem
Kto w zespole odpowiada
Programowanie, Projektowanie UX/UI
Jak to wykryć
Częściowo automatyczne

Wyjaśnienie prostym językiem: Dopasowanie do ekranu (responsywność)

Komu i dlaczego to pomaga

Osoby z niepełnosprawnością ruchową często mają tablet lub telefon zamocowany na wózku na stałe w jednej pozycji.

  • Osoby z niepełnosprawnością ruchową
  • Osoby słabowidzące

Jak zrobić to dobrze

  • Nie blokuj orientacji w manifeście aplikacji ani skryptami.
  • Projektuj responsywnie, testując oba układy.

Najczęstsze błędy

  • Komunikat „Obróć urządzenie” blokujący treść.
  • Aplikacja mobilna zablokowana tylko na pion.

Jak to sprawdzić

  1. Obróć telefon/tablet w obie strony na każdej kluczowej podstronie – czy treść nadal jest dostępna i czytelna?

Częściowo automatyczne. Narzędzia wykryją część problemów (np. brak atrybutu), ale ocena jakości wymaga człowieka.

Czy to obowiązkowe?

Powiązane kryteria

1.4.10

Dopasowanie do ekranu

Poziom AA Wymagane prawem

Treść musi się dopasować do szerokości 320 px (odpowiednik zoomu 400% na ekranie 1280 px) bez przewijania w dwóch kierunkach – wyjątki to np. mapy, tabele danych i edytory.

Ostatnia aktualizacja: .
Źródło: Understanding SC 1.3.4: Orientation – oficjalne objaśnienie W3C (po angielsku).