Klavyeyle gezerken nerede olduğunu görebiliyor musun?
Fare imleci hangi öğenin üzerindeysen onu gösterir. Klavyeyle gezerken aynı işlevi odak göstergesi üstlenir. Tasarımı temizlemek için bu işareti kaldırmak, bazı kullanıcıları görünmez bir menüde dolaşmaya zorlar.
Klavyeyle gezinirken nerede olduğumu kaybetmek, benim için görünmez bir tasarım sorunu değil. Fareyle sorunsuz görünen bir kartın odağı belirsizse başka bir kullanım yolu eksik kalıyor. Bu yüzden odak çizgisini estetiği bozuyor diye kaldırmayı tercih etmem. Onu sayfanın görsel diliyle uyumlu ve belirgin tasarlamak isterim.
Temel fikir
W3C’nin görünür odak ölçütü, klavyeyle çalıştırılan arayüzde odak konumunun görülebilmesini ister. Hover ve focus aynı durum değildir: biri işaretçinin üstte olmasını, diğeri etkin klavye hedefini anlatır. İkisini yalnızca aynı renk değişimine bağlamak her zeminde yeterli olmayabilir.
Bir örnek üzerinden
Yeşil kenarlıklı blog kartında odak için dışarı taşan ikinci bir çizgi kullanabilirsin. Böylece normal kenarlıkla seçili hedef karışmaz. Koyu ve açık zeminlerde dene; çizginin taşma kuralları yüzünden kesilmediğine bak. Odak sırası da ekrandaki mantıklı okuma düzenini izlemelidir.
Nereden başlamalı?
Sayfanın başından sona yalnızca Tab ile ilerle. Görünmeyen bir hedefe takılıyor musun? Düğmeye bastığında sonuç anlaşılır mı? Klavye kontrolü, geliştirme sonunda yapılacak süs kontrolü değil, temel kullanım testidir.
Benim yaklaşımım
Bir blog listesinde Tab tuşuyla kartlar arasında dolaşıp seçili yazının hemen anlaşılmasını kontrol ederdim. Açılan pencereden çıktıktan sonra odağın nereye döndüğüne de bakarım. Kullanıcı aynı noktadan devam edebilmeli. Yalnızca düğmenin görünmesi değil, hareket sırasının anlamlı olması da önemli.
