Bu kural ne anlama geliyor

WCAG 3.3.2, form alanları ve etkileşimli kontrollerin kullanıcıların hangi girisin bekledigini anlamasına yardımcı olan etiketler veya talimatlara sahip olmasını gerektirir.

Etiketler neyin beklendigini açıkça belirtmelidir. Belirli birim gereksinimlerine sahip alanlar için beklenen biçim hakkında talimatlar sağlanmalıdır.

Neden önemlidir

Açık etiketler olmadan kullanıcılar bir alana ne gireceklerini bilemeyebilir. Bu, form alanlarını anlamak için etiketlere dayanan ekran okuyucu kullanıcılarını ve net rehberlige ihtiyaç duyan bilişsel engelli kullanıcıları etkiler.

İlgili axe-core kuralları

label ve select-name kuralları programatik ilişkilendirmeyi dogrulasa da, bu kriter etiket içeriğinin kalitesi ve yardimciligia odaklanır.

Nasıl test edilir

Her form alanının görünen bir etiketi olduğunu doğrulayın.
Etiketlerin beklenen girişi açıkça tanımladığını kontrol edin.
Biciim gereksinimlerinin belirtildiğini doğrulayın.
Zorunlu alanların formdan önce tanımlandığını kontrol edin.

Nasıl düzeltilir

Yanlış uygulama

<!-- Etiket yok -->
<input type="text" name="isim" />

<!-- Yer tutucu etiket olarak (odaklaninca kayboluyor) -->
<input type="email" placeholder="E-posta" />

Doğru uygulama

<!-- Açık etiket -->
<label for="isim">Ad Soyad</label>
<input type="text" id="isim" autocomplete="name" />

<!-- Bicim talimati ile etiket -->
<label for="doğum">Dogum tarihi (GG/AA/YYYY)</label>
<input type="text" id="doğum" autocomplete="bday" />

Sık yapılan hatalar

Yer tutucu metni tek etiket olarak kullanma — kullanıcı yazmaya başladığında kaybolur.
Beklenen girişi tanimlamayan etiketler.
Kullanıcı gonderip hata alana kadar zorunlu alanların belirtilmemesi.
Bicim gereksinimlerinin hata olusana kadar belirtilmemesi.

3.3.2 Etiketler veya Talimatlar