Yardım Metni ve Duyurulan Zorunlu Alanlar
İpuçlarını ve gereksinimleri yardımcı teknolojilere sunun.
Yardım Metni ve Duyurulan Zorunlu Alanlar, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 4. 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.
Etiketler Yalnızca Başlangıçtır
Bir alanın çoğu zaman bir addan fazlasına ihtiyacı vardır. İpuçları ve gereksinimler yalnızca gören kişilere değil, yardımcı teknolojiye de ulaşmalıdır. 📝
İpuçlarını aria-describedby ile Bağlayın
Yardım metnini bir öğeye yerleştirin, ardından girdinin aria-describedby değerini bu öğenin kimliğine yönlendirin. Böylece ipucu etiketten sonra okunur.
<input id="pw" aria-describedby="pwhelp">
<p id="pwhelp">At least 8 characters</p>Önce Ad, Sonra Açıklama
Ekran okuyucular önce etiketi, ardından açıklanan metni okur. Kullanıcı adı ve ipucunu doğal bir sırayla duyar.
Birden Çok Kimliğe Başvurun
aria-describedby, boşluklarla ayrılmış birkaç kimlik listeleyebilir. Aynı alana bir ipucu ile hata mesajını birlikte ekleyin.
<input aria-describedby="hint err">Zorunlu Alanı Belirtme
Tarayıcının alanı zorunlu tutması ve yardımcı teknolojiye doldurulması gerektiğini bildirmesi için required özniteliğini ekleyin.
<input id="name" required>Kendiliğinden Duyurulur
required kullanıldığında, odak alana geldiğinde ekran okuyucu zorunlu olduğunu söyler. Ek ARIA kullanmadan bu özelliğe sahip olursunuz.
Yıldız Tuzağı
Tek başına kullanılan kırmızı bir yıldız sessizdir ve kolayca gözden kaçabilir. Onu required özniteliğiyle veya görünür bir zorunlu alan metniyle destekleyin.
Yıldızı Açıklayın
Yıldız kullanıyorsanız, formun yakınına bunun zorunlu alanları belirttiğini açıklayan bir legend ekleyin. Sembolü asla açıklamasız bırakmayın.
Yedek Olarak aria-required
Yerel doğrulaması olmayan özel denetimlerde aria-required değerini true yapmak, aynı durumu ekran okuyuculara aktarır.
<div role="textbox" aria-required="true"></div>Bunun Yerine İsteğe Bağlı Alanları Belirtin
Alanların çoğu zorunlu olduğunda, isteğe bağlı olan birkaç alanı belirtin. Böylece karmaşa azalır ve düzen anlaşılır kalır.
Yardımı Görünür Tutun
İpuçlarını yalnızca ekran okuyuculara değil, ekranda herkese gösterin. Herkes hata yapmadan önce kuralları görmenin yararını sağlar.
Hızlı Kontrol
Yardım metnini ekran okuyucular için bir alana nasıl bağlarsınız?
Özet
İpuçlarını aria-describedby ile bağlayın ve doldurulması gereken alanları required ile işaretleyin. Böylece her kullanıcı adı, yardımı ve kuralları duyar. ✅
Sıkça Sorulan Sorular
“Yardım Metni ve Duyurulan Zorunlu Alanlar” dersi ücretsiz mi?
Evet — “Yardım Metni ve Duyurulan Zorunlu Alanlar” 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.
“Yardım Metni ve Duyurulan Zorunlu Alanlar” dersinde ne öğreneceğim?
İpuçlarını ve gereksinimleri yardımcı teknolojilere sunun. 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 4. dersidir.
“Yardım Metni ve Duyurulan Zorunlu Alanlar” 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