Orientacja
Treść nie może być zablokowana w jednej orientacji — pionowej lub poziomej — chyba że ta orientacja jest niezbędna. Użytkownicy jeżdżący na wózku inwalidzkim lub trzymający telefon w stałym uchwycie nie mogą obrócić urządzenia.
Czego wymaga kryterium
Jeśli witryna lub aplikacja wymusza konkretną orientację urządzenia — pionową lub poziomą — użytkownicy, którzy mają telefon lub tablet zamontowany w stałej pozycji (na tacy wózka inwalidzkiego, w łóżku szpitalnym, na ergonomicznym uchwycie), zostają wykluczeni. Witryna musi dostosowywać się do aktualnej orientacji urządzenia, chyba że treść z założenia wymaga jednej z nich (np. klawiatura fortepianowa, zdjęcie do depozytu czeku, immersyjne doświadczenie VR).
Jak spełnić kryterium
- Nie należy używać CSS w stylu
@media (orientation: portrait) { display: none; }do ukrywania witryny poza jedną orientacją. - Należy unikać interfejsów API blokujących orientację ekranu (
screen.orientation.lock('portrait')) w aplikacjach webowych; w aplikacjach natywnych blokadę stosować tylko wtedy, gdy jest niezbędna. - Należy budować responsywny układ działający w obu orientacjach — flexbox i CSS grid obsługują to bez specjalnych wyjątków.
- Należy testować witrynę obrócił prawdziwy telefon — wiele błędów widocznych jest tylko na urządzeniach, gdzie widok poziomy jest niski.
- Przy orientacjach wymaganych funkcjonalnie (np. pad do podpisu) należy jasno poinformować użytkownika, dlaczego i jak obrócić urządzenie.
Typowe błędy
- Nakładka „Proszę obrócić urządzenie do trybu pionowego” blokująca całą treść w orientacji poziomej na tabletach.
- Aplikacja z atrybutem
android:screenOrientation="portrait"bez uzasadnienia funkcjonalnego. - Witryna bankowa działająca poprawnie w trybie pionowym, ale wyświetlająca uszkodzony układ w trybie poziomym bez możliwości naprawy.
- Przepływ wdrożeniowy wykrywający orientację poziomą i wymuszający komunikat „obróć telefon”.
Dlaczego to ważne
Kryterium dotyczy w szczególności użytkowników elektrycznych wózków inwalidzkich — tablet zamontowany na wózku jest zablokowany w jednej orientacji. Dotyczy też każdego, kto obsługuje telefon jedną ręką przy włączonej blokadzie ekranu. Tanie do wdrożenia na etapie projektowania, kosztowne do poprawienia, jeśli cały układ zbudowano z myślą wyłącznie o orientacji pionowej.