Anlambilim, Etiketler, Roller, Odak
Uygun anlambilimi kullanın, etiketleri girdilere bağlayın, rollere güvenin ve odağı kullanıcının ihtiyaç duyduğu yere taşıyın.
Anlambilim, Etiketler, Roller, Odak, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 dersinin 1. 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, React Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. React Academy kursu toplamda 3 dersten oluşur.
Erişilebilirliğin temelleri neden önemlidir
Amaç: Arayüzü yardımcı teknolojiler tarafından anlaşılır hâle getirmek.
- Gerçek öğeler kullanın (button, nav, form)
- Girdilere uygun etiketler verin
- Akışlar için odağı yönetin
Anlambilim ve roller hakkında genel bakış
- Yerel anlambilimi tercih edin: div yerine button
- Örtük roller gerçek öğeler tarafından sağlanır
- Yerel anlambilim yeterli olmadığında yalnızca ARIA ekleyin
Etiketlenmiş girdiler (iyi örnek)
Birbirine bağlanmış etiketlere ve geri bildirim için canlı bir bölgeye sahip girdiler oluşturun.
<div id="root"></div>
Düğmeler ve açma-kapama durumu
Gerçek bir düğme kullanın ve açma-kapama durumunu aria-pressed ile dışa vurun.
<div id="root"></div>
Açılışta odağı taşıma (iyi kullanıcı deneyimi)
Yeni açılan panele odağı taşıyın; böylece klavye kullanıcıları hemen yazmaya başlayabilir.
<div id="root"></div>
İpuçları ve dikkat edilmesi gerekenler
- Yerel öğeleri tercih edin; yalnızca gerektiğinde ARIA ekleyin
- Etiketler, girdilere güvenilir bir ad kazandırır
- Kaplamaları açarken veya gezinme sonrasında odağı yönetin
Etiketleme için en iyi uygulama
Özet
Özet: Gerçek anlambilimi kullanın, etiketleri girdilere bağlayın, gerektiğinde durumu roller/ARIA ile dışa vurun ve odağı kullanıcıların bir sonraki işlem yapacağı yere taşıyın.
Sıkça Sorulan Sorular
“Anlambilim, Etiketler, Roller, Odak” dersi ücretsiz mi?
Evet — “Anlambilim, Etiketler, Roller, Odak” 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 React Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. React Academy kursu toplamda 3 dersten oluşur.
“Anlambilim, Etiketler, Roller, Odak” dersinde ne öğreneceğim?
Uygun anlambilimi kullanın, etiketleri girdilere bağlayın, rollere güvenin ve odağı kullanıcının ihtiyaç duyduğu yere taşıyın. React 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.
React Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te React 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, 3 dersinin 1. dersidir.
“Anlambilim, Etiketler, Roller, Odak” 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 React Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her React 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
- Anlambilim, Etiketler, Roller, Odak
- Klavye Etkileşimleri ve Atla Bağlantıları
- Erişilebilirlik Testi Temelleri