Yaşlı Kullanıcılar İçin Arayüz: Ölçülebilir Eşikler
Yaşlı kullanıcı için tasarım yapmak ayrı bir uzmanlık dalı değil; herkes için zaten doğru olan birkaç kararı gevşetmeden uygulamak. Yazı boyutu, dokunma hedefi ve işlem akışının uzunluğu düzeldiğinde kazancın büyük kısmı gelir. Aşağıdakiler genel tavsiye değil, sayıyla kontrol edebileceğin eşikler.
Yazı boyutu ve kontrast
Gövde metnini 16 pikselin altına indirme, satır yüksekliğini 1.5 civarında tut. Kontrast tarafında WCAG'nin AA eşiği 4.5:1'dir, ama yaşla birlikte göz merceği sararır ve kontrast duyarlılığı düşer; 65 yaş üstünü hedefliyorsan AAA eşiği olan 7:1'e çıkmak daha güvenli bir varsayım. Açık gri zemin üstüne açık gri yazı tasarım ekranında zarif durur, gerçek kullanıcıda okunmaz.
Ölçüleri piksel yerine rem ile ver ve user-scalable=no yazma. Bunu tema ayarlarıyla tek tek uğraşmadan çözersin: kök font boyutunu ayarla, ona bağlı tüm ölçüler kendiliğinden büyür, kullanıcının tarayıcıdan yaptığı büyütme de çalışmaya devam eder.
"En az bir santimetre" tavsiyesi eksik kalıyor
Erişilebilirlik metinlerinde sık geçen kural, dokunma hedeflerinin en az bir santimetre olması. 96 dpi'da 1 cm yaklaşık 37,8 CSS pikseline denk gelir. Apple'ın kendi kılavuzu 44 pt, Material 48 dp, WCAG 2.2'nin AAA seviyesindeki hedef boyutu ölçütü 44x44 piksel ister. Santimetre üzerinden verilen o tavsiye, yani, üç yaygın eşiğin de altında kalıyor.
48 pikseli taban al, komşu hedefler arasında en az 8 piksel boşluk bırak. Yan yana duran iptal ve onayla düğmelerinin arasındaki mesafe, titreyen bir elin yanlış olanı seçme ihtimalini doğrudan belirliyor.
Sadeleştirilecek olan akış, metin değil
Kaynaklar iki şeyi aynı anda söylüyor. Adım sayısını azalt, çünkü kısa süreli hafıza zorlanıyor. Uzun ve detaylı içerik sun, çünkü yaşlı okur sayfayı tarayarak değil gerçekten okuyarak ilerliyor. İlk bakışta çelişki gibi görünüyor, değil.
Kısaltılacak olan işlem akışı: üç ekrana yayılmış kayıt formunu tek ekrana indir, sepetten ödemeye giden yolu düzleştir, aynı bilgiyi iki kez isteme. Uzun kalacak olan açıklayıcı metin: ürünün ne olduğunu, iadenin nasıl işlediğini anlatan paragrafları sadeleştirme adına silme. Bu ikisi karıştırıldığında ortaya çıkan sonuç tanıdıktır. Üç adımlık form yerinde durur, açıklamalar gider.
Simge tek başına anlam taşımaz
Hamburger menü, üç nokta, dişli, disket. Hiçbiri doğuştan anlaşılır değil, hepsi öğrenilmiş şeyler ve o öğrenme belirli kuşaklarda yoğunlaştı. Simgenin altına metin etiketi koy. aria-label eklemek bu sorunu çözmez, çünkü gören ama simgeyi tanımayan kullanıcı ekran okuyucu kullanmıyor.
Zaman baskısını kaldır
Oturumu sessizce düşürme. WCAG'nin zamanlama ölçütü, süre dolmadan uyarı verilmesini ve kullanıcının süreyi uzatabilmesini ister; bankacılık dışında çoğu sitede zaman sınırı zaten gereksiz. Otomatik dönen slider'ları durdurulabilir yap. Formu alan alan doğrula, gönder düğmesine basıldıktan sonra sekiz hatayı birden gösterme.
Nereden başlanır
Sıra önemli. Kontrast ve yazı boyutu bir öğleden sonra işidir ve etkisi en geniş kitleye yayılır. Dokunma hedeflerini büyütmek genelde bileşen düzeyinde tek bir değişiklikle biter. Akış kısaltma en pahalısı, çünkü ürün kararı gerektirir; ona en son gir, ama gireceğin yeri baştan seç: en çok terk edilen form hangisiyse orası.
Kaynak