Web Accessibility Academy · Ders

Ek Bağlam İçin aria-describedby

Adın ardından okunacak ipuçları ve yardımı ilişkilendirin.

3. ders / 413 adım

Ek Bağlam İçin aria-describedby, 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.

Adın Ötesi

Bazen bir denetim için bir addan fazlası gerekir. aria-describedby, ekran okuyucunun addan sonra okuyacağı ek bağlamı iliştirir.

Kimlikleri Belirtir

labelledby gibi, aria-describedby başka bir öğenin kimliğini tutar. Tarayıcı, o öğenin metnini açıklama olarak alır.

<input aria-describedby="hint">
<p id="hint">Use 8+ characters</p>

Önce Ad, Sonra Açıklama

Ekran okuyucu önce adı, ardından kısa bir duraklamayla açıklamayı okur. Bu sıra, kullanıcıların denetimi hızlıca anlamasına yardımcı olur.

İpuçları İçin İdeal

Biçim kuralları gibi alan ipuçları aria-describedby içinde yer almalıdır; böylece alan odaklandığında yönerge otomatik olarak okunur.

<input aria-describedby="fmt">
<p id="fmt">Format: DD/MM/YYYY</p>

Adın Yerini Tutmaz

Açıklama tamamlayıcıdır. Bir öğede yalnızca aria-describedby varsa ve adı yoksa, öğe yine etkili biçimde etiketsizdir.

Birden Çok Kimliği Birleştirin

aria-describedby içine boşluklarla ayrılmış birkaç kimlik yazabilirsiniz; tarayıcı bunların metinlerini birleştirir. Bu, bir ipucunu hatayla birlikte vermek için kullanışlıdır.

<input aria-describedby="hint err">

Hatalar da Açıklamadır

aria-describedby özniteliğini doğrulama mesajına yönlendirerek hatanın alandan ayrı bir yerde kalması yerine alanla birlikte sesli okunmasını sağlayın.

<input aria-describedby="err">
<p id="err">Email is required</p>

Açıklamaları Kısa Tutun

Açıklama kısa bir cümle olmalıdır. Uzun aria-describedby metni her seferinde baştan sona okunur ve kısa sürede yorucu hâle gelir.

Görünür Kalır

Gizli bir etiketin aksine, başvurulan ipucu genellikle ekranda görünür kalır; böylece gören kullanıcılar da diğer kullanıcılarla birlikte bundan yararlanır.

Destek Değişiklik Gösterebilir

Çoğu ekran okuyucu aria-describedby özniteliğini dikkate alır; ancak bazıları bunu yalnızca belirli kiplerde duyurur. Bu nedenle ipucunu gerçek bir okuyucuyla test edin.

describedby ve labelledby karşılaştırması

Bir denetimin ne olarak adlandırıldığını belirtmek için aria-labelledby, denetimle ilgili ek ayrıntılar için aria-describedby kullanın. Bu ikisinin görevi farklıdır.

Hızlı Kontrol

Bir parola kuralının alan adından sonra okunmasını istiyorsunuz. Hangi öznitelik uygundur?

Özet: Bağlam Ekleme

aria-describedby özniteliğinin ipuçlarını ve hataları addan sonra okumak üzere kimliklere başvurduğunu, adı hiçbir zaman değiştirmeden tamamladığını öğrendiniz. 💬

Başlamak ücretsiz

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

“Ek Bağlam İçin aria-describedby” dersi ücretsiz mi?

Evet — “Ek Bağlam İçin aria-describedby” 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.

“Ek Bağlam İçin aria-describedby” dersinde ne öğreneceğim?

Adın ardından okunacak ipuçları ve yardımı ilişkilendirin. 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.

“Ek Bağlam İçin aria-describedby” 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

  1. Erişilebilir Ad Hesaplaması Açıklanıyor
  2. aria-label ve aria-labelledby Karşılaştırması
  3. Ek Bağlam İçin aria-describedby
  4. Denetimleri Sessiz Bırakan Yaygın Adlandırma Hataları
← Web Accessibility Academy Sayfasına Dön