Erişilebilirlik Araçları

ARIA Attribute Kontrolü

HTML içindeki ARIA attribute kullanımını hızlıca kontrol et.

Online Araç

checker

Girdi

Sonuç Çıktı burada görünür

Bu araç ne işe yarar?

HTML kodunu yapıştır; aria-label, aria-hidden, role ve aria-* kullanımlarını temel erişilebilirlik açısından kontrol et.

Kontrol etmek istediğin HTML kodunu girdi alanına yapıştır.
ARIA Attribute Kontrol Et butonuna tıkla.
role, aria-label, aria-hidden, aria-expanded gibi attribute kullanımlarını incele.
Gereksiz ARIA kullanımını temizle ve mümkünse semantik HTML etiketlerini tercih et.

<button aria-label="Menüyü aç">☰</button>
<div role="button">Tıkla</div>
<span aria-hidden="true">★</span>

ARIA label: Var
role kullanımı: Kontrol edilmeli
aria-hidden: Var
Öneri: role="button" yerine gerçek <button> etiketi kullan.

ARIA eksikliği kadar gereksiz ARIA kullanımı da sorun çıkarabilir. Önce doğru HTML etiketi, sonra ARIA yaklaşımı daha sağlıklıdır.