Denetimleri Sessiz Bırakan Yaygın Adlandırma Hataları
Öğeleri adsız bırakan kalıplardan kaçının.
Denetimleri Sessiz Bırakan Yaygın Adlandırma Hataları, 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.
Denetimler Sessiz Kaldığında
Hesaplanmış adı olmayan bir denetim yalnızca düğme veya bağlantı olarak okunur. Bu adlandırma hataları, kullanıcıların bir öğenin ne yaptığını tahmin etmek zorunda kalmasına neden olur.
Yalnızca Simgeden Oluşan Düğmeler
Yalnızca simge içeren bir düğmenin çoğu zaman hesaplanmış bir adı olmaz. Sözcük içermeyen denetimin eylemini duyurabilmesi için bir aria-label ekleyin.
<button aria-label="Delete">🗑️</button>Yer Tutucu Ad Değildir
Bir placeholder, güvenilir bir erişilebilir ad değildir. Yazmaya başlayınca kaybolur ve birçok okuyucu onu yok sayar; bu nedenle gerçek bir etiket ekleyin.
<input placeholder="Email">Bozuk labelledby Kimlikleri
Eksik veya yanlış yazılmış bir kimliğe işaret eden aria-labelledby, hiç ad üretmez ve vermek istediğiniz etiketi sessizce geçersiz kılar.
<button aria-labelledby="ttl">x</button>Boş aria-label
Boş bir dizeye ayarlanmış aria-label adı siler. Ekran okuyucunun duyuracağı hiçbir şey kalmaz.
<button aria-label="">Save</button>Tek Metni Gizlemek
Bir düğmenin içindeki tek metne aria-hidden eklemek ad kaynağını ortadan kaldırır; böylece denetim okuyucular için adsız hâle gelir.
<button><span aria-hidden="true">Next</span></button>Genel Bağlantı Metni
“Daha fazla okuyun” veya “Buraya tıklayın” adlarına sahip bağlantılar teknik olarak adlandırılmıştır; ancak hedefi belirtmedikleri için bağlam dışında kullanışsızdır.
<a href="/post">Read more</a>Yalnızca title'a Güvenmek
Tek ad kaynağı olarak title özniteliğine güvenmek risklidir. Bu kaynak öncelik sıralamasında en alttadır ve bazı ekran okuyucular onu tamamen atlar.
Etiketsiz Girdiler
İlişkili bir label içermeyen yalın bir girdi çoğu zaman ad üretemez; bu da kullanıcıların alana ne yazacağını bilememesine yol açar.
<input type="text">Tekrarlanan Adlar
Hepsinin adı “Düzenle” olan on düğme, kullanıcıları hangi satırı etkilediklerini tahmin etmeye zorlar. Her birine hedefini içeren ayırt edici bir ad verin.
<button aria-label="Edit profile">Edit</button>Denetleyiciyle Doğrulayın
Tarayıcının erişilebilirlik panelini açın ve her denetimin hesaplanmış adını okuyun. Boşsa düzeltmeniz gereken bir hata vardır.
Hızlı Kontrol
Bir simge düğmesinde yalnızca çöp kutusu simgesi görünüyor. Neden sessiz kalabilir?
Özet: Denetimleri Adlandırılmış Tutun
Yalnızca simge içeren düğmelerden bozuk kimliklere kadar denetimleri sessiz bırakan tuzakları ve denetleyicide her adı doğrulamayı öğrendiniz. ✅
Sıkça Sorulan Sorular
“Denetimleri Sessiz Bırakan Yaygın Adlandırma Hataları” dersi ücretsiz mi?
Evet — “Denetimleri Sessiz Bırakan Yaygın Adlandırma Hataları” 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.
“Denetimleri Sessiz Bırakan Yaygın Adlandırma Hataları” dersinde ne öğreneceğim?
Öğeleri adsız bırakan kalıplardan kaçını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 4. dersidir.
“Denetimleri Sessiz Bırakan Yaygın Adlandırma Hataları” 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
- Erişilebilir Ad Hesaplaması Açıklanıyor
- aria-label ve aria-labelledby Karşılaştırması
- Ek Bağlam İçin aria-describedby
- Denetimleri Sessiz Bırakan Yaygın Adlandırma Hataları