Alanları fieldset ve legend ile Gruplama
Radyo düğmesi kümeleri gibi ilişkili denetimleri doğru biçimde gruplayın.
Alanları fieldset ve legend ile Gruplama, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 3. 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.
Bazı Alanlar Birlikte Gruplanır
Bir dizi radyo düğmesi veya ilişkili onay kutusu birçok soru değil, tek bir sorudur. fieldset öğesi bunları tek bir birim olarak gruplar. 🧩
Grubun Bir Ada İhtiyacı Vardır
Her denetimin kendi etiketi vardır; ancak grubun tamamının da bir etikete ihtiyacı vardır. legend, kümeye ortak bir soru sağlar.
legend İlk Sırada Gelir
legend, fieldset öğesinin ilk alt öğesi olmalıdır. Ekran okuyucuların içerideki her denetimle ilişkilendirdiği açıklama görevi görür.
<fieldset>
<legend>Shipping speed</legend>
</fieldset>Eksiksiz Bir Radyo Grubu
Burada bir fieldset seçenekleri kapsar ve legend soruyu sorar. Her radyo düğümü yine kendi etiketini korur.
<fieldset>
<legend>Size</legend>
<label><input type="radio" name="s"> Small</label>
<label><input type="radio" name="s"> Large</label>
</fieldset>Ekran Okuyucular Ne Duyar
Gruplanmış bir radyo düğümüne gelindiğinde ekran okuyucu legend ile seçeneği birlikte duyurur; örneğin Beden, Küçük. Bağlam kendiliğinden sağlanır.
Radyolar Klasik Örnektir
Aynı adı paylaşan radyo düğmeleri, ders kitaplarındaki klasik kullanımdır. Fieldset olmadan kullanıcılar, neye yanıt verdiklerini bilmeden seçenekleri duyar.
Onay Kutusu Kümeleri de Öyle
İlgi alanlarınızı seçin gibi çoklu seçim listeleri de birer gruptur. Bir fieldset, onay kutularını ortak tek bir yönergeye bağlar.
Tekil Girdileri Bölün
Birden çok girdiye bölünmüş adres alanları da bundan yararlanır. Fatura adresi gibi bir legend, bölümün tamamına bağlam kazandırır.
Aşırı Kullanmayın
Tek başına duran bir metin girdisinin fieldset öğesine ihtiyacı yoktur. Gruplamayı yalnızca gerçekten birlikte tek bir soruyu yanıtlayan alanlar için kullanın.
Biçimlendirme Esnektir
Varsayılan kenarlık eski görünebilir; ancak CSS ile istediğiniz gibi yeniden biçimlendirebilirsiniz. Nasıl göründüğünden bağımsız olarak anlamsal yapı korunur.
ARIA Son Çaredir
Gerçek bir fieldset kullanmak mümkün değilse aria-labelledby ile birlikte group rolü bunu taklit eder. Mümkün olduğunda yerel öğeyi tercih edin.
Hızlı Kontrol
Yardımcı teknoloji için bir fieldset öğesini hangi öğe adlandırır?
Özet
İlişkili denetimleri bir fieldset içinde toplayın ve bir legend ile açıklayın. Radyo ve onay kutusu kümeleri, her kullanıcının güvenebileceği bağlam kazanır. ✅
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
“Alanları fieldset ve legend ile Gruplama” dersi ücretsiz mi?
Evet — “Alanları fieldset ve legend ile Gruplama” 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.
“Alanları fieldset ve legend ile Gruplama” dersinde ne öğreneceğim?
Radyo düğmesi kümeleri gibi ilişkili denetimleri doğru biçimde gruplayın. 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 3. dersidir.
“Alanları fieldset ve legend ile Gruplama” 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