Bu araç ne işe yarar?
Button HTML kodlarını analiz eder; boş buton, yalnız ikonlu buton, type eksikleri ve erişilebilir isim sorunlarını raporlar.
Erişilebilirlik Araçları
Buton Erişilebilirlik Kontrolü
Boş buton, iconsuz aria-label ve type eksiklerini kontrol et.
Online Araç
checker
Buton Erişilebilirlik Kontrolü
Çıktı burada görünür
Nasıl kullanılır?
- Kontrol etmek istediğin buton veya tıklanabilir HTML kodunu yapıştır.
- Buton Erişilebilirlik Kontrolü butonuna tıkla.
- Boş buton, sadece ikon buton, role="button" ve onclick kullanılan div/span yapılarını incele.
- Gerekirse gerçek <button> etiketi, aria-label ve klavye erişimi ekle.
Örnek kullanım
Örnek girdi
<button>Kaydet</button>
<button aria-label="Menüyü aç">☰</button>
<div onclick="openMenu()">Menü</div>Örnek çıktı
Buton sayısı: 2
İkon buton aria-label: Var
Tıklanabilir div: Riskli
Öneri: <div onclick> yerine <button> kullan.İpuçları
Butonlar klavye ile odaklanabilir ve Enter/Space ile çalışabilir olmalıdır. Sadece onclick verilen div yapıları erişilebilirlik sorunu oluşturabilir.