1.3.4 Orientacja - poziom AA

W tym kryterium chodzi o prostą rzecz: treść nie może ograniczać się do jednej orientacji ekranu, czyli tylko pionowo albo tylko poziomo, o ile dana orientacja nie jest niezbędna. Innymi słowy: jeśli użytkownik obróci telefon lub tablet, strona nadal ma działać i treść ma być dostępna.

O co tu chodzi w praktyce?

Najczęściej problem pojawia się wtedy, gdy strona albo aplikacja:

• wymusza tryb poziomy lub pionowy,
• blokuje obrót ekranu,
• albo po obrocie „gubi” część treści (np. coś ucieka poza ekran, znika, nachodzi na siebie).

To kłopotliwe zwłaszcza dla osób, które muszą trzymać urządzenie w konkretnej pozycji (np. ze względu na ograniczenia ruchowe) albo korzystają z uchwytów i stojaków. Dlatego WCAG wymaga, żeby użytkownik mógł wybrać orientację, a nie żeby strona wybierała ją za niego. 

Kiedy możesz wymusić orientację?

Tylko wtedy, gdy konkretna orientacja jest niezbędna dla danej czynności albo sposobu prezentacji. Kryterium dopuszcza wyjątek, ale nie jako wygodę projektową, tylko jako realną konieczność.

Czyli jeśli da się coś dostosować do wyświetlania w obu orientacjach to musisz to wykonać :)

Najczęstsza pułapka

Najczęściej ktoś blokuje orientację „bo tak jest ładniej” albo „bo w poziomie się rozjeżdża”. To nie jest dobre uzasadnienie. Jeżeli layout się rozjeżdża, to jest sygnał, że trzeba poprawić układ, a nie wymuszać użytkownikowi sposób trzymania urządzenia.

Jak to szybko sprawdzić?

Otwórz stronę na telefonie i wejdź w kluczowe miejsca (menu, wyszukiwarka, formularz, koszyk/rejestracja), obróć ekran z pionu na poziom (lub odwrotnie) i sprawdź, czy nadal widzisz całą treść i możesz wykonać te same działania.

Jeśli po zmianie orientacji coś znika albo przestaje działać, to znaczy, że aplikacja czy strona niespełnia 1.3.4.

Pełny tekst kryterium 1.3.4 Orientacja

Treść nie ogranicza swojego widoku i działania do jednej orientacji wyświetlania, takiej jak pionowa lub pozioma, chyba że określona orientacja wyświetlania jest istotna.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#orientacja

Chcesz wiedzieć więcej?

• 1.1.1 Treść nietekstowa - poziom A
• 1.2.1 Tylko audio lub tylko wideo (nagranie) - poziom A
• 1.2.2 Napisy rozszerzone (nagranie) - poziom A
• 1.2.3 Audiodeskrypcja lub alternatywa tekstowa dla mediów (nagranie) - Poziom A
• 1.2.4 Napisy rozszerzone (na żywo) - poziom AA
• 1.2.5 Audiodeskrypcja (nagranie) - poziom AA
• 1.2.6 Język migowy (nagranie) - poziom AAA
• 1.2.7 Rozszerzona audiodeskrypcja (nagranie) - poziom AAA
• 1.2.8 Alternatywa dla mediów (nagranie) - poziom AAA
• 1.2.9 Tylko audio (na żywo) - poziom AAA
• 1.3.1 Informacje i relacje - poziom A
• 1.3.2 Zrozumiała kolejność - poziom A
• 1.3.3 Właściwości zmysłowe - poziom A
• 1.3.4 Orientacja - poziom AA
• 1.3.5 Określenie pożądanej wartości - poziom AA
• 1.3.6 Określenie przeznaczenia - poziom AAA
• 1.4.1 Użycie koloru - poziom A
• 1.4.2 Kontrola odtwarzania dźwięku - poziom A
• 1.4.3 Kontrast (minimalny) - poziom AA
• 1.4.4 Zmiana rozmiaru tekstu - poziom AA
• 1.4.5 Obrazy tekstu - poziom AA
• 1.4.6 Kontrast (wzmocniony) - poziom AAA
• 1.4.7 Niska głośność lub bez dźwięków w tle - poziom AAA
• 1.4.8 Prezentacja wizualna - poziom AAA
• 1.4.9 Obrazy tekstu (bez wyjątków) - poziom AAA
• 1.4.10 Dopasowanie do ekranu - poziom AA
• 1.4.11 Kontrast elementów nietekstowych - poziom AA
• 1.4.12 Odstępy w tekście - poziom AA
• 1.4.13 Treść spod kursora lub fokusu - poziom AA