Placeholder Bir Etiket Değildir
Kaybolan ipuçlarının gerçek kullanıcılar için neden başarısız olduğunu öğrenin.
Placeholder Bir Etiket Değildir, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Web Accessibility Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
Cazip Kestirme Yol
Bir alana etiket eklemek yerine ipucu metni yerleştirmek cazip gelebilir. Ancak bir yer tutucu ipucudur, ad değildir. ⚠️
Kaybolur
Kişi yazmaya başladığı anda yer tutucu kaybolur. Artık alanın ne amaçla kullanıldığını açıklayan hiçbir şey kalmaz.
<input type="text" placeholder="Full name">Bellek Yükü
Bellek veya dikkat sorunları yaşayan kullanıcılar, ipucu kaybolduktan sonra onu hatırlamak zorunda kalır. Kalıcı bir etiket bu yükü ortadan kaldırır.
Varsayılan Olarak Düşük Karşıtlık
Yer tutucu metni genellikle açık gridir ve bu nedenle karşıtlık kurallarını çoğu zaman karşılamaz. Az gören kullanıcılar metni hiç okuyamayabilir.
Doldurulmuş Gibi Görünür
Gri ipucu metni, önceden doldurulmuş bir değer gibi algılanabilir. Kullanıcılar alanı atlar, ardından zorunlu alan hatasıyla karşılaşınca şaşırır.
Ekran Okuyucular İçin Tutarsızdır
Ekran okuyucuların ad olarak yer tutucu desteği düzensizdir ve tarayıcıya göre değişir. Bunun duyurulacağına güvenemezsiniz.
İkisinden Birini Değil, İkisini de Kullanın
Yer tutucular, biçim örneği gibi ek ipuçları olarak kullanılabilir. Bunları gerçek bir etiketle birlikte kullanın; asla tek başlarına kullanmayın.
<label for="phone">Phone</label>
<input id="phone" placeholder="555-0100">Biçim Örnekleri Burada İşe Yarar
Yer tutucu, tarih biçimi gibi bir biçim örneği için çok yararlıdır. Etiket yine de alanın gerçek adını belirtir.
Kayan Etiketler
Kayan etiketler, yazmaya başladığınızda yukarı çıkar ve adı görünür tutar. Bunlar yalnızca canlandırılmış gerçek etiketlerdir; bu nedenle uygundur.
Doldurarak Test Edin
Hızlı bir kontrol yapın: alana yazın. Artık alanın ne istediğini anlayamıyorsanız yer tutucu, etiketin görevini üstlenmiş demektir.
WCAG Bunu Destekler
WCAG'nin Etiketler veya Talimatlar ölçütü, açık ve kalıcı bir ad bekler. Yalnızca yer tutucu kullanan alanlar denetimlerde sık sık başarısız olur.
Hızlı Kontrol
Yer tutucu, etiketin yerine neden yetersiz bir seçenektir?
Özet
Yer tutucu solan bir ipucudur, ad değildir. Gerçek bir etiketi koruyun ve yer tutucuları yalnızca ek biçim yardımı için kullanın. 💡
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 30
- Dersler
- 120
Sıkça Sorulan Sorular
“Placeholder Bir Etiket Değildir” dersi ücretsiz mi?
Evet — “Placeholder Bir Etiket Değildir” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Web Accessibility Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
“Placeholder Bir Etiket Değildir” dersinde ne öğreneceğim?
Kaybolan ipuçlarının gerçek kullanıcılar için neden başarısız olduğunu öğrenin. Web Accessibility Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Web Accessibility Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Web Accessibility Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“Placeholder Bir Etiket Değildir” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Web Accessibility Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Web Accessibility Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Her Girdinin Gerçek Bir label'ı Olmalıdır
- Placeholder Bir Etiket Değildir
- Alanları fieldset ve legend ile Gruplama
- Yardım Metni ve Duyurulan Zorunlu Alanlar