Mały tekst na komputerze
Silktide mierzy rozmiar tekstu widocznego dla osób oglądających Twoje strony na ekranie komputera i zgłasza tekst renderowany w rozmiarze mniejszym niż 12 pikseli. Tekst o tak małym rozmiarze jest dla wielu osób trudny lub niemożliwy do przeczytania.
Dlaczego to jest ważne
Ekrany komputerów znajdują się dalej od czytelnika niż telefon, dlatego mały tekst jest na nich proporcjonalnie trudniejszy do odczytania. Tekst mniejszy niż 12 pikseli wyklucza czytelników ze słabym wzrokiem, męczy starszych czytelników i zmusza wszystkich innych do pochylania się lub powiększania widoku. Główne wytyczne projektowe wskazują 12–14 pikseli jako praktyczne minimum dla tekstu głównego na komputerze.
Mały tekst rzadko jest celowym wyborem — zwykle pojawia się w standardowych informacjach prawnych, stopkach i osadzonych elementach innych firm, których nikt ponownie nie czyta.
Jak to naprawić
- Zwiększ rozmiar czcionki w swoim do co najmniej 12 px, a najlepiej do 16 px dla tekstu głównego.
/* Problem: tekst zbyt mały, aby wygodnie czytać go na komputerze */
.footer-note { font-size: 10px; }
/* Poprawka: użyj czytelnego rozmiaru, najlepiej w jednostkach względnych */
.footer-note { font-size: 0.875rem; } /* 14 px przy ustawieniach domyślnych */
- Preferuj jednostki względne (
rem,em) zamiast stałych pikseli, aby tekst również skalował się, gdy użytkownicy zmienią domyślny rozmiar czcionki w przeglądarce. - Jeśli oznaczony tekst rzeczywiście jest odpowiedni w swoim rozmiarze — na przykład jako ozdobny element — możesz wynik.
Jak Silktide przeprowadza tę kontrolę
- Renderuje każdą stronę w rozmiarze ekranu komputera.
- Mierzy ostateczny obliczony rozmiar każdego fragmentu widocznego tekstu po zastosowaniu całego CSS.
- Ignoruje ukryty tekst, tekst przeznaczony wyłącznie dla oraz fragmenty krótsze niż 2 znaki (takie jak glify ikon).
- Zgłasza tekst renderowany w rozmiarze mniejszym niż 12 pikseli.
Jeśli Twoja witryna jest skonfigurowana tak, aby wykluczać treści innych firm, tekst w znanych wtyczkach innych firm nie jest zgłaszany.
Rozwiązywanie problemów
Tekst wygląda dobrze na moim ekranie
Wyświetlacze o wysokiej rozdzielczości i osobiste ustawienia powiększenia mogą sprawić, że mały tekst będzie wyglądał akceptowalnie na Twoim urządzeniu, mimo że przy ustawieniach domyślnych nadal pozostaje zbyt mały. Kontrola mierzy rozmiar pikseli CSS, od którego rozpoczyna przeglądarka każdego odwiedzającego.
A co z urządzeniami mobilnymi?
Rozmiar tekstu w mobilnym renderowaniu Twoich stron jest testowany osobno przez mały tekst, gdzie używany jest próg odpowiedni dla ekranów mobilnych.