Mały tekst na urządzeniach mobilnych
Silktide ładuje każdą stronę na symulowanym urządzeniu mobilnym i zgłasza tekst, który jest zbyt mały, aby można go było wygodnie czytać bez powiększania. Aby przejść kontrolę, tekst musi być renderowany na urządzeniu mobilnym w rozmiarze co najmniej 11 pikseli.
Dlaczego to jest ważne
Tekst, który dobrze wygląda na monitorze komputerowym, może być nieczytelnie mały na telefonie. Odwiedzający albo mrużą oczy, powiększają widok gestem szczypania i przewijają w bok wiersz po wierszu, albo rezygnują — a osoby słabowidzące mogą w ogóle nie być w stanie go przeczytać. Mały tekst skupia się dokładnie w miejscach, na które projektanci przestają zwracać uwagę: stopkach, podpisach zdjęć, informacjach prawnych i banerach dotyczących plików cookie.
Jest to szczególnie częste w witrynach projektowanych najpierw z myślą o komputerach, a później dostosowywanych do urządzeń mobilnych, gdzie stałe rozmiary czcionek zmniejszają się wraz z układem.
Jak to naprawić
- Zwiększ rozmiar czcionki oznaczonego tekstu tak, aby na urządzeniach mobilnych był renderowany w rozmiarze co najmniej 11 pikseli. W przypadku tekstu głównego ustaw większy rozmiar — 16 pikseli to powszechny punkt odniesienia dla wygodnego czytania na urządzeniach mobilnych.
- W używaj raczej jednostek względnych (
rem,em) niż stałych rozmiarów w pikselach, aby tekst skalował się zgodnie z ustawieniami użytkownika. - Gdy projekt zmniejsza całe sekcje na małych ekranach, użyj zapytań medialnych, aby zachować czytelny rozmiar tekstu, podczas gdy dostosowuje się układ, a nie krój pisma.
Jak Silktide to testuje
- Ładuje stronę na symulowanym urządzeniu mobilnym.
- Sprawdza każdy fragment widocznego tekstu zawierający co najmniej kilka liter lub cyfr. Ukryty tekst oraz tekst o rozmiarze zero, używany wyłącznie przez , są ignorowane.
- Mierzy renderowany rozmiar czcionki każdego fragmentu.
- Zgłasza tekst renderowany w rozmiarze mniejszym niż 11 pikseli.
Rozwiązywanie problemów
Oznaczony tekst pochodzi z widżetu innej firmy
Tekst wskazujący źródło w osadzonych mapach jest automatycznie ignorowany. W przypadku innych widżetów możesz włączyć opcję wykluczenia z tej kontroli zawartości wtyczek innych firm lub zarejestrować dotyczącą zaakceptowanych wyników.
Tekst jest celowo mały
Drobnym drukiem nadal należy dać się czytać — zwykle jest to argument za tym, aby był czytelny, a nie mniejszy. Jeśli uznasz, że konkretny tekst jest akceptowalny, zatwierdź wynik.