Blokada orientacji

Silktide sprawdza, czy Twoje strony nie wymuszają na odwiedzających trzymania urządzenia w określony sposób. Strona powinna działać zarówno w orientacji pionowej, jak i poziomej, ponieważ niektóre osoby nie mogą obrócić ekranu.

Dwa często spotykane wzorce blokują orientację strony: kod wywołujący funkcję blokowania orientacji w przeglądarce oraz style ukrywające całą stronę z komunikatem „obróć urządzenie”, dopóki urządzenie nie zostanie obrócone.

Dlaczego jest to ważne

Wiele osób fizycznie nie może obrócić swojego urządzenia: tablet zamontowany na wózku inwalidzkim, telefon w stałym uchwycie lub ekran podłączony do sprzętu są często na stałe zainstalowane w jednej orientacji. Inne osoby mają ograniczoną siłę chwytu lub kontrolę motoryczną, przez co obracanie urządzenia jest dla nich trudne. Dla tych odwiedzających strona wymagająca jednej orientacji jest po prostu bezużyteczna — widzą pusty ekran albo komunikat o obróceniu urządzenia, którego nigdy nie mogą spełnić.

Jak to naprawić

Usuń kod blokujący orientację, taki jak wywołania screen.orientation.lock():

// Problem: wymusza orientację poziomą i nie działa dla użytkowników, którzy nie mogą obrócić urządzenia
screen.orientation.lock("landscape");

Usuń style, które ukrywają stronę w jednej orientacji:

/* Problem: ukrywa wszystko, dopóki urządzenie nie zostanie obrócone */
@media (orientation: portrait) {
  body { display: none; }
}

Zamiast tego zaprojektuj układ tak, aby dostosowywał się do obu orientacji. Zapytania medialne dotyczące orientacji są odpowiednie do dostosowywania układu — nigdy jednak do ukrywania strony.

Jak Silktide to testuje

Analizuje skrypty osadzone na każdej stronie i zgłasza wszystkie, które wywołują funkcję blokowania orientacji, taką jak screen.orientation.lock() lub starszą lockOrientation().
Analizuje style osadzone na każdej stronie i zgłasza każde zapytanie medialne dotyczące orientacji, które ukrywa całą stronę przez ustawienie display: none dla elementu body strony.
Style, które jedynie dostosowują układ do orientacji, nie są zgłaszane — nie jest blokadą.

Rozwiązywanie problemów

Moja blokada orientacji znajduje się w zewnętrznym pliku

Silktide analizuje skrypty i style osadzone bezpośrednio na stronie. Blokada zastosowana w osobnym pliku skryptu lub arkusza stylów nie jest wykrywana, ale tak samo wpływa na odwiedzających — powyższe wskazówki nadal mają zastosowanie.

Moja treść rzeczywiście wymaga jednej orientacji

Niektóre rzeczy są niezbędne w jednej orientacji — na przykład aplikacja do gry na pianinie lub skaner czeków bankowych. Jeśli dotyczy to Twojego przypadku, możesz wynik.