Odak göstergesi
Odak göstergesi, klavye girdisini hangi öğenin aldığını gösterir. Fare işaretçisi ve seçili öğe işaretiyle aynı değildir.
Etkin kullanım konumunu görmek
Odak göstergesi, klavye odağının bulunduğu öğenin görünür işaretidir. Bir düğme veya giriş alanının etrafındaki çizgi buna örnektir. Formda Tab ile ilerlerken sonraki girdinin ya da etkinleştirmenin nerede etkili olacağını gösterir.
Örnek bir sipariş formunda “Siparişi kontrol et” düğmesine Tab ile gelindiğinde belirgin bir çerçeve görünür. Yalnız fare üzerine gelince rengin değişmesi yeterli değildir; bu başka bir durumu anlatır.
Sürekli işaretli bir sekme de yalnız hangi içeriğin seçili olduğunu gösterir. Odak o sırada başka bir öğede olabilir. Tasarım tarayıcının odak çizgisini kaldırıyorsa yerine uygun, görünür bir işaret konmalıdır. Bunu farklı arka planlarda ve büyütülmüş görünümde de kontrol edin.
Kaynaklar
İlgili terimler
- Klavye ile kullanılabilirlikKlavye ile kullanılabilirlik, görevleri fare olmadan tamamlamayı sağlar. Eylemlere erişim ve anlaşılır gezinme sırası birlikte önem taşır.
- Odak sırasıOdak sırası, odaklanabilir öğeler arasındaki yolu belirler. Dinamik değişikliklerde de anlamı ve kullanılabilirliği korumalıdır.
- Odak tuzağıOdak tuzağında klavye kullanımı bir alanın içinde sıkışır. Diyalogdaki bilinçli odak sınırlamasının klavyeyle kullanılabilir bir çıkışı olmalıdır.
- Ana içeriğe geçiş bağlantısıGeçiş bağlantısı, tekrarlanan gezinme alanını atlayarak ana içeriğe götürür. Sonraki klavye adımının da doğru yerde devam etmesi gerekir.
- Erişilebilir adErişilebilir ad, bir arayüz öğesini yardımcı teknolojiler için adlandırır. Eylemi anlaşılır kılmalı ve görünen metinle uyumlu olmalıdır.
- Arama önerisiArama önerisi, yazma sırasında olası bir sorgu sunar. Seçim, aramayı gönderme ve sonraki sonuç listesi anlaşılır biçimde birlikte çalışmalıdır.
Bu konudaki yazılar
ASES ile Tasarım ve UX
Kullanıcı deneyimi, arayüz ve marka tasarımı