Dokunma Hedefi Boyutu
Tıklanabilir alanların tümünün en az 44x44 piksel boyutunda olduğundan emin olun; bu, dokunmatik kullanım için önemlidir.
İşlevi tek cümleyle ve üç cümleyle açıklayın
Dokunmatik cihazlarda minimum tıklanabilir alanlar özellikle önemlidir: çok küçük düğmeler, motor bozukluğu olan kişiler, yaşlılar veya büyük başparmaklı kişiler için kullanımı zorlaştırır. WCAG 2.5.5, minimum 44x44 CSS piksel gerektirir.
Bu modül, tıklanabilir tüm alanları (düğmeler, bağlantılar, simgeler) minimum boyutla karşılaştırır ve çok küçük olan öğeleri rapor eder.
Teknik önlemler
- Tıklama alanı tespiti: tüm `
- Etkin boyut hesaplaması: `padding`, `border`, `box-sizing` değerlerini dikkate alır.
- Aralık kontrolüAyrıca komşu hedeflerin birbirine çok yakın olup olmadığını da kontrol eder (aralık toleransı).
- Otomatik Dolgu Düzeltmesi (İsteğe bağlı, dikkatli olun): 44x44 boyutuna ulaşmak için `padding` ekler — yalnızca açıkça tanımlanmış düğmeler için.
- Sorun HaritasıYönetici panelinde, hangi öğelerin çok küçük olduğunu gösteren görsel bir ısı haritası.
Bu ayarları modül sekmesinde bulabilirsiniz.
- Minimum boyut: WCAG 2.5.5 (44×44) / katı (48×48) / iOS önerisi (44×44)
- Otomatik düzeltme modu: yalnızca raporlama / açık beyaz liste deseniyle / agresif
- Yönetici panelinde ısı haritası: açık / kapalı
- Hedefler arasındaki boşluk toleransı (varsayılan: 8 piksel)
Yönetici panelindeki yol: WP-Admin → Erişilebilirlik → Modüller → Dokunma Hedefi Boyutu
Kullanım senaryosu
Her mobil site için (ki bu neredeyse her site için geçerlidir) zorunludur. Özellikle online mağazalar, rezervasyon siteleri ve kayıt formları bulunan kulüpler için çok önemlidir.
Bu, tematik olarak da birbirine uyuyor.
Görünür odak
WCAG 2.4.11Odaklanabilir tüm öğelerde güçlü, her zaman görünür bir odak halkası sağlar — AAA kontrast oranıyla.
Erişilebilir formlar
WCAG 3.3.1İletişim, sipariş ve giriş formlarındaki eksik etiketleri, zorunlu alan işaretlemelerini ve hata bağlantılarını düzeltir.
Klavye navigasyonu
WCAG 2.1.1Her etkileşimli öğeye fare kullanmadan erişilebildiğinden emin olun — Tab, Enter, ok tuşları, Esc.
Siteniz için modülü etkinleştirin mi?
İlk 15 dakikalık görüşmede, modülün temanız ve içerik türünüz için uygun olup olmadığını ve kurulumun nasıl göründüğünü açıklığa kavuşturacağız.
