Kodkitabi

ARIA Rolleri & Özellikleri

Rol, aria-label, aria-describedby gibi nitelikler.

ARIA, ekran okuyuculara elementin amacını bildirir.

  • role="button": Linki düğme gibi tanımlar.
  • aria-label: Görünür metin yoksa etiket sağlar.
  • aria-describedby: Açıklama öğesine referans verir.
  • tabindex="0": Klavye navigasyonunu etkinleştirir.
ARIA ile Erişilebilir Düğme
<button role="button" aria-label="Menüyü aç" onclick="toggleMenu()">☰</button>
ARIA ile Form Etiketi
<input type="text" id="name" aria-describedby="nameHelp" />
<small id="nameHelp">İsminizi girin (en az 2 karakter).</small>