Dokunma Hedefi (Touch Target) Nedir?
Dokunma hedefi (touch target), kullanıcının parmakla ya da fareyle etkinleştirdiği düğme, bağlantı veya simge gibi bir arayüz öğesinin tıklanabilir alanıdır; küçük ve sık dizilmiş hedefler yanlış dokunmaya yol açar.
Diğer Adları: Touch Target
Dokunma Hedefi İçin WCAG Ne İster?
WCAG 2.2’deki 2.5.8 Hedef Boyutu (En Az) ölçütü AA düzeyindedir ve işaretçiyle kullanılan hedeflerin en az 24 × 24 CSS piksel olmasını ister.
Ölçütün beş istisnası vardır:
- Küçük hedefin merkezine çizilen 24 CSS piksel çaplı daire başka bir hedefle kesişmiyorsa yeterli aralık var sayılır.
- Aynı işlev, sayfadaki ve ölçüte uyan başka bir denetimle de yapılabiliyorsa ölçüt karşılanır.
- Hedef, cümle içindeki bir bağlantı gibi metnin satır yüksekliğiyle sınırlıysa istisnadır.
- Boyutu tarayıcı belirliyor ve tasarımcı değiştirmemişse istisnadır.
- Belirli sunum zorunluysa ya da yasal olarak gerekiyorsa istisnadır.
W3C, önemli bağlantı ve düğmeler için daha sıkı olan 2.5.5 Hedef Boyutu (Gelişmiş) ölçütünün göz önüne alınmasını önerir.
Dokunma Hedefi Neden Önemlidir?
W3C’nin açıklamasına göre bedensel engeli olan bazı kişiler birbirine yakın küçük düğmelere tıklayamaz. Geniş hedef ya da yeterli aralık; el titremesi, kas sertliği ya da sınırlı el becerisi olan kullanıcılar ile dokunmatik ekran kullananlar için yanlışlıkla başka bir öğeye basılmasını azaltır.
Mobil mağazada bu sorun en çok sepet ve ödeme adımlarında hissedilir: adet artırma ve azaltma düğmeleri, ürünü sepetten silme simgesi, beden seçim kutucukları ve kapatma simgeleri çoğunlukla küçük ve yan yanadır.
Dokunma Hedefi Nasıl Düzeltilir?
Örnek: Mobil sepette adet düğmeleri 18 piksel genişliğinde ve aralarında boşluk olmadan durur; kullanıcı adedi artırmak isterken ürünü silebilir. Düğmeler en az 24 piksele büyütülür ya da aralarına yeterli boşluk konur; silme simgesi adet düğmelerinden uzaklaştırılır.
Ölçüm, tarayıcının geliştirici araçlarında öğenin tıklanabilir alanı üzerinden yapılır. Görünen simge küçük olsa bile tıklanabilir alan iç boşlukla büyütülebilir.
Dokunma Hedefi Hakkında Sık Sorulan Sorular
Dokunma hedefi 24 pikselden küçükse ölçüt hiç karşılanmaz mı?
Karşılanabilir. Küçük hedefin çevresinde yeterli aralık varsa ya da aynı işlev ölçüte uyan başka bir denetimle yapılabiliyorsa ölçüt karşılanır; cümle içindeki bağlantılar da istisnadır.
CSS pikseli ile ekran pikseli aynı mı?
Aynı değildir. CSS pikseli tarayıcının yerleşimde kullandığı birimdir; yüksek yoğunluklu ekranlarda bir CSS pikseli birden fazla ekran pikseline karşılık gelir.