Dokumen tidak menggunakan ukuran font yang dapat dibaca

Banyak mesin telusur memberi peringkat halaman berdasarkan seberapa mobile-friendly halaman tersebut. Ukuran font yang lebih kecil dari 12 px sering kali sulit dibaca di perangkat seluler dan mungkin mengharuskan pengguna memperbesar untuk menampilkan teks dengan ukuran bacaan yang nyaman.

Kegagalan audit ukuran font Lighthouse

Lighthouse menandai halaman dengan ukuran font yang terlalu kecil untuk dibaca dengan mudah di perangkat seluler:

Audit Lighthouse yang menampilkan halaman memiliki ukuran font yang tidak terbaca

Lighthouse menandai halaman dengan 40% atau lebih teks memiliki ukuran font lebih kecil dari 12 px. Saat sebuah halaman gagal dalam audit, Lighthouse akan mencantumkan hasilnya dalam tabel dengan empat kolom:

Sumber Lokasi sumber kumpulan aturan CSS yang menyebabkan teks yang tidak terbaca.
Pemilih Pemilih kumpulan aturan.
% Teks Halaman Persentase teks di halaman yang terpengaruh oleh kumpulan aturan.
Ukuran Font Ukuran teks yang dikomputasi.

Cara memperbaiki font yang tidak terbaca

Periksa ukuran font di CSS Anda. Usahakan untuk memiliki ukuran font minimal 12 px pada setidaknya 60% teks pada halaman Anda.

Cara memperbaiki konfigurasi area pandang yang tidak ada

Jika Lighthouse melaporkan Text is illegible because of a missing viewport config, tambahkan tag <meta name="viewport" content="width=device-width, initial-scale=1"> ke <head> pada dokumen Anda.

Lihat postingan Tidak memiliki tag <meta name="viewport"> dengan width atau initial-scale untuk mengetahui informasi selengkapnya.

Referensi

Kode sumber untuk Dokumen tidak menggunakan audit ukuran font yang dapat dibaca