Form alanlarının etiketi yok: label kullanımı ve erişilebilir formlar

İletişim formunuzda alanların adı yalnızca gri placeholder metni olarak görünüyor. Kullanıcı yazmaya başlayınca ne yazması gerektiğini unutuyor; ekran okuyucu ise alanın adını hiç okumuyor.

KTYAPTECH SEO Analyzer bu sorunu SEC-FORM-CONTROLS-UNLABELLED-001 koduyla, “Form alanlarının etiketi yok” başlığı altında ve düşük önem derecesiyle raporlar (Güvenlik ve teknik kalite). Bu rehber, bulgunun ne anlama geldiğini, neden önemli olduğunu ve adım adım nasıl düzeltileceğini anlatıyor.

Etiketsiz form alanları nedir?

Form alanlarının erişilebilir adı genellikle <label> öğesinden gelir. Bu bulgu, bir formdaki alanların çoğunun label, aria-label veya aria-labelledby ile adlandırılmadığını gösterir. Placeholder tek başına bir etiket değildir.

Neden önemli? SEO ve kullanıcı deneyimine etkisi

Etiketsiz formlar ekran okuyucu kullanıcıları için doldurulamaz hale gelir ve erişilebilirlik standartlarını ihlal eder. Görünür etiketler tüm kullanıcılar için hata oranını düşürür ve form tamamlama oranını artırır.

Sorun nasıl tespit edilir?

• SEO Analyzer raporundaki “Form alanlarının etiketi yok” bulgusunu inceleyin.
• Lighthouse erişilebilirlik denetiminde “Form öğelerinin ilişkili etiketleri yok” uyarısına bakın.

Adım adım çözüm

1. Her form alanına görünür bir <label> ekleyin ve for/id ile eşleştirin.
2. Görsel olarak etiket istenmiyorsa yine de erişilebilir bir ad verin (görsel olarak gizlenmiş label veya aria-label).
3. Placeholder'ı yalnızca örnek değer için kullanın.
4. Uygun autocomplete değerleriyle tarayıcıların otomatik doldurmasına izin verin.

Neden “güvenlik” kategorisinde?

SEO Analyzer bu bulguyu teknik kalite ve güven başlığı altında raporlar: erişilemeyen formlar hem yasal uyum hem de kullanıcı güveni açısından risk taşır.

Sık yapılan hatalar

• Placeholder'ı etiket yerine kullanmak.
• label ile input'u for/id ile bağlamamak.

Düzeltmeyi nasıl doğrularsınız?

• Lighthouse erişilebilirlik denetimini yeniden çalıştırın.
• SEO Analyzer'ı yeniden çalıştırın.

Sık sorulan sorular

Placeholder yeterli değil mi?

Hayır; yazmaya başlayınca kaybolur ve tüm yardımcı teknolojiler tarafından ad olarak okunmaz.

Bu SEO'yu etkiler mi?

Doğrudan bir sıralama faktörü değildir; erişilebilirlik ve dönüşüm için önemlidir.

Özet

Her form alanının görünür ve bağlı bir etiketi olmalıdır. Placeholder'ı yalnızca örnek için kullanın ve autocomplete ile formu kolaylaştırın.

Sitenizde bu ve benzeri sorunların olup olmadığını görmek için KTYAPTECH Ücretsiz SEO Analizi aracını kullanabilirsiniz: rapordaki her bulgunun yanında, sorunu anlatan çözüm rehberine giden bir bağlantı bulunur.