Mobil ziyaretçi metni genellikle ayakta, hareket halinde ve tek elle okur. Yazı küçükse ya da satırlar birbirine yapışıksa kullanıcı sayfayı büyütmeye çalışır, bir süre sonra da geri tuşuna basar. Okunabilirlik yalnızca tasarım meselesi değildir; sayfada kalma süresini, içeriğin tamamlanma oranını ve dönüşümleri doğrudan etkiler. Doğru ölçüleri seçmek için büyük bir yeniden tasarıma gerek yoktur, birkaç CSS değeri çoğu zaman yeterlidir.
Gövde metni için başlangıç ölçüsü
Mobilde gövde metni için en az 16 piksel iyi bir tabandır. Bu değerin altına indiğinizde tarayıcılar bazı durumlarda otomatik yakınlaştırma yapar ve sayfa düzeni bozulur. Form alanlarında özellikle 16 pikselin altı sorun yaratır. Uzun makalelerde 17 ya da 18 piksel okumayı daha da rahatlatır. Boyutları sabit pikselle vermek yerine rem gibi göreli birimler kullanın; böylece kullanıcının cihazda seçtiği yazı tipi büyüklüğü sayfanıza da yansır. Başlıklar gövdeden belirgin biçimde büyük olmalı, ancak küçük ekranda iki satıra bölünecek kadar iri seçilmemelidir.
Satır aralığı ve satır uzunluğu
Satır aralığı için yazı boyutunun yaklaşık 1,4 ila 1,6 katı makul bir aralıktır. Yani 16 piksellik metinde 24 piksel civarı satır yüksekliği iyi sonuç verir. Aralık daraldıkça gözün bir sonraki satırı bulması zorlaşır, çok açıldığında ise metin dağınık görünür. Satır uzunluğu da önemlidir. Mobilde bir satıra yaklaşık 35 ila 50 karakter sığması rahat okuma sağlar. Kenar boşluklarını en az 16 piksel tutarak metnin ekran kenarına yapışmasını önleyin. Paragraflar arasında yarım satır ile bir satır arası boşluk bırakmak, uzun bloklara bölünmüş bir görünüm kazandırır.
Kontrast, hizalama ve test
İnce yazı tipleri ve açık gri metinler güneş altında neredeyse görünmez olur. Metin ile arka plan arasındaki kontrast oranının en az 4,5 ’e 1 olması erişilebilirlik ölçütlerinin önerdiği değerdir. Metni sola hizalı bırakın; iki yana yaslama kelime aralıklarını bozar. Paragrafları dört beş satırı geçirmemeye çalışın ve ara başlıklarla bölün. Ayarları gerçek cihazlarda deneyin: küçük ve büyük ekranlı iki telefonda, farklı parlaklık seviyelerinde sayfayı baştan sona okuyun. Arama konsolundaki mobil kullanılabilirlik raporları ve tarayıcı geliştirici araçlarındaki cihaz simülasyonu, küçük yazı ve tıklanabilir öğelerin sıkışması gibi sorunları erken gösterir.
Okunabilir bir mobil sayfa, 16 piksel ve üzeri gövde metni, 1,5 civarı satır aralığı, yeterli boşluk ve güçlü kontrastla başlar. Bu değerleri uygulayıp birkaç hafta boyunca sayfada kalma süresi ve çıkış oranındaki değişimi izlemek, ayarın size uygun olup olmadığını net biçimde gösterir.