Bir site "tarayıcıda açılıyor" diye bitmiş sayılmıyor. Bu yazı, okuduğunuz sitenin ilk sürümü yayına hazırlanırken yapılan denetimi anlatıyor: neye bakıldı, nasıl ölçüldü ve hangi sorunlar bu sayede yakalandı. Yedi başlık var.
1. Her ekran genişliğinde
Altı sayfanın her biri üç genişlikte açıldı: 360 piksel (küçük telefon), 768 (tablet) ve 1280 (masaüstü). Bu göz kararı yapılmadı; sayfalar görünmez modda çalışan bir tarayıcıyla açılıp yana taşan bir öğe olup olmadığı ölçüldü. Sonuç: yatay taşma yok.
Yakalanan sorun: 27 karakterlik e-posta adresi 360 pikselde kelimenin ortasından kırılıyordu. Adres kısalırsa sorun kalmıyor; kısalmazsa yazı boyutu küçültülecek diye not düşüldü.
2. Herkes okuyabiliyor mu
- Her görselin, ne gösterdiğini anlatan bir alt metni var. Yalnızca süs olan çizimler ekran okuyuculardan gizlendi.
- Yazı ile zemin arasındaki kontrast tek tek hesaplandı; en düşük oran 5:1.
- Sayfa yalnızca klavyeyle, Tab tuşuyla gezildi. Sıra mantıklı: önce "İçeriğe geç", sonra logo, ana buton ve menü. Odaklanılan öğenin çerçevesi görünüyor.
Yakalanan sorun: açık renkli bir bandın içindeki koyu vaka kartında başlık ve "Vakayı oku" butonu görünmüyordu. Bandın renk kuralı kartın renklerini eziyordu. Düzeltildi ve bir daha olmaması için sitenin hafızasına uyarı olarak yazıldı.
3. Hızlı açılıyor mu
- Sayfalar başka bir sunucuya istek atmıyor; yazı tipleri de sitenin içinde.
- Stil dosyası 41 KB.
- Ekran görüntüleri WebP biçiminde ve ekran boyutuna göre farklı boyutlarda sunuluyor; en büyüğü 41 KB.
4. Arama motorları için temel
- Her sayfada tek bir ana başlık (h1).
- Sayfa başlıkları 25 ile 45 karakter, açıklamalar 34 ile 143 karakter arasında.
- Kanonik adres, sosyal paylaşım etiketleri, site haritası ve robots.txt var.
5. Kırık bağlantı yok
Sitenin içindeki her bağlantının ve her görsel yolunun, derlenmiş sitede gerçekten var olan bir dosyaya gittiği tek tek kontrol edildi.
6. Tarayıcı hata vermiyor
Sayfalar 18 kez yüklendi ve tarayıcı konsolu izlendi. Hata ya da uyarı yok, başarısız istek yok.
7. Ne yapıldığı yazılı
Denetimin sonucu ve yakalanan her sorun, sitenin kendi kayıt dosyasına yazıldı. Aylar sonra bir şey değiştirilecekse "neden böyleydi" sorusunun cevabı orada.
Bir tuzak: tam sayfa ekran görüntüsü
Denetimde bir galeri boş göründü. Site hatası değildi: görseller ekrana yaklaşınca yükleniyor ve tam sayfa ekran görüntüsü, sayfa hiç kaydırılmadan alınıyordu. Önce sayfayı kaydırıp sonra görüntü almak gerekiyor. Aksi hâlde olmayan bir hatayı düzeltmeye çalışırsınız.
Bu liste neyi söylemez
Bu kontrolleri geçmek, sitenin iyi olduğunu değil, bu hataların olmadığını söyler. İyi olup olmadığına sitenin ziyaretçisi karar verir. Ama taşan bir menü, görünmeyen bir buton ya da kırık bir bağlantı o kararı baştan olumsuz yapar. Bu yüzden yayından önce bakılıyor.
Benzer bir işiniz mi var? İletişim sayfasından yazın.