Powiększanie wyłączone

Silktide sprawdza każdą stronę pod kątem kodu, który uniemożliwia odwiedzającym powiększanie widoku na urządzeniach mobilnych. Powiększanie gestem szczypania powinno być zawsze dostępne, ponieważ wiele osób korzysta z niego, aby czytać treści.

Odpowiada za to tag strony:

<!-- Problem: zarówno user-scalable=no, jak i maximum-scale=1 blokują powiększanie -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Poprawka: pozwól użytkownikom powiększać -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Dlaczego to ważne

Powiększanie gestem szczypania umożliwia osobom słabowidzącym czytanie stron internetowych na telefonie. Pozwala także wszystkim innym radzić sobie z drobnym drukiem, gęstymi mapami i szczegółowymi obrazami. Strona, która je wyłącza, uniemożliwia to wszystko — odwiedzający nie ma żadnego obejścia tego problemu.

Powiększanie jest zwykle wyłączane ze względów wizualnych, aby zapobiec przesuwaniu się układu. Koszt ponoszą wyłącznie osoby, które najbardziej potrzebują tej funkcji, a wytyczne dotyczące dostępności wymagają, aby można było zmieniać rozmiar tekstu. Niektóre urządzenia ignorują obecnie to ograniczenie właśnie dlatego, że powoduje ono tak wiele problemów, ale wiele przeglądarek nadal je respektuje.

Jak to naprawić

Usuń user-scalable=no z każdego tagu viewport.
Usuń wartości maximum-scale, które ograniczają powiększenie do normalnego rozmiaru strony lub wartości zbliżonej do niego (np. maximum-scale=1).
Jeśli układ strony psuje się po powiększeniu, popraw go za pomocą , zamiast blokować odwiedzającym możliwość powiększania.

Jak Silktide to testuje

Wczytaj stronę na symulowanym urządzeniu mobilnym.
Znajdź każdy tag meta viewport.
Zgłoś każdy tag, który blokuje powiększanie — albo user-scalable=no, albo maximum-scale nie wyższe niż skala, z którą strona jest już wczytywana.

Rozwiązywanie problemów

Nadal mogę powiększać na iPhonie

iOS ignoruje te ograniczenia viewport i mimo to umożliwia powiększanie gestem szczypania. Inne przeglądarki i platformy nadal je respektują, więc kod pozostaje rzeczywistą barierą i należy go poprawić. Aby odtworzyć problem, przetestuj stronę na urządzeniu z Androidem.

Tag jest dodawany przez mój framework lub motyw

Niektóre starsze motywy i frameworki aplikacji domyślnie wstawiają user-scalable=no. Poszukaj ustawienia viewport lub powiększania w motywie albo zastąp tag w szablonie strony.