Erişilebilirlik Testi Temelleri
Yaygın erişilebilirlik sorunlarını yakalayan basit testler yazın: rol/etiket sorgularını tercih edin, adları ve durumları doğrulayın, otomatik erişilebilirlik denetimleri ekleyin.
Erişilebilirlik Testi Temelleri, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 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, 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şilebilirlik neden sınanır
Amaç: Erişilebilirlik sorunlarını erken yakalamak.
- rol/etiket sorgularını tercih edin
- adları, durumları ve odağı doğrulayın
- Otomatik bir kontrol (axe) ekleyin
Gerçek kullanımı yansıtan sorgular
- Düğmeler ve bağlantılar için ad içeren getByRole
- Girdiler için getByLabelText
- Eşzamansız arayüz için findBy*
- Sınama kimliklerini yalnızca son çare olarak kullanın
Örnek: erişilebilir form
Etiketleri, düğme adı ve nazik geri bildirimi olan küçük bir form; kullanıcı odaklı sorgular için idealdir.
<div id="root"></div>
Doğrulamalar: ad/durum (parçacık)
Erişilebilir ad ve canlı geri bildirim için örnek sınama doğrulamaları.
<div id="root"></div>
axe ile otomatik kontrol (parçacık)
axe (jest-axe) ile otomatik bir kontrol ekleyin. İhlaller olduğunda sınamayı başarısız yapın.
<div id="root"></div>
İpuçları ve dikkat edilmesi gerekenler
- CSS'yi değil, adları sınayın (etiketler/düğme metni)
- İletişim kutuları açıldığında odağı kontrol edin
- Yaygın sorunları yakalamak için axe kullanın; yine de klavyeyle elle kontroller yapın
Otomatik erişilebilirlik kontrolü
Özet
Özet: Rol/etikete göre sorgulayın, adları ve durumları doğrulayın ve otomatik bir axe kontrolü ekleyin. Gerçekten güvenmek için bunu klavyeyle elle yapılan sınamalarla birleştirin.
Sıkça Sorulan Sorular
“Erişilebilirlik Testi Temelleri” dersi ücretsiz mi?
Evet — “Erişilebilirlik Testi Temelleri” 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.
“Erişilebilirlik Testi Temelleri” dersinde ne öğreneceğim?
Yaygın erişilebilirlik sorunlarını yakalayan basit testler yazın: rol/etiket sorgularını tercih edin, adları ve durumları doğrulayın, otomatik erişilebilirlik denetimleri ekleyin. 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 3. dersidir.
“Erişilebilirlik Testi Temelleri” 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