Bu araç ne işe yarar?
Pozitif tabindex, negatif tabindex ve keyboard navigation açısından riskli kullanım sinyallerini listeler.
Erişilebilirlik Araçları
Tabindex Kontrolü
HTML içindeki tabindex değerlerini analiz et.
Online Araç
checker
Tabindex Kontrolü
Çıktı burada görünür
Nasıl kullanılır?
- Kontrol etmek istediğin HTML kodunu yapıştır.
- Tabindex Kontrol Et butonuna tıkla.
- tabindex="0", tabindex="-1" ve pozitif tabindex kullanımlarını incele.
- Pozitif tabindex değerlerinden kaçın ve doğal tab sırasını koru.
Örnek kullanım
Örnek girdi
<a href="/">Ana Sayfa</a>
<button tabindex="0">Kaydet</button>
<div tabindex="5">Özel alan</div>Örnek çıktı
tabindex="0": 1
tabindex pozitif: 1
Uyarı: Pozitif tabindex doğal klavye sırasını bozabilir.İpuçları
Pozitif tabindex değerleri genelde önerilmez. Doğal DOM sırası ve semantik HTML daha güvenilir bir klavye deneyimi sağlar.