status, alert ve log Rolleri
Her güncelleme türü için doğru canlı rolü seçin.
status, alert ve log Rolleri, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 2. 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.
Roller Kibarlık Düzeyini Yerleşik Olarak Sağlar
Bazı ARIA rolleri bir elementi sizin için canlı bölgeye dönüştürür ve makul bir kibarlık düzeyini otomatik olarak ayarlar; böylece daha az işaretleme yazarsınız.
status Rolü Polite'tır
status rolü, kibarca güncellenen bir bölgeyi belirtir. Kaydedildi veya kopyalandı mesajı gibi düşük öncelikli onaylar için idealdir. 📋
<div role="status">Copied to clipboard</div>status, aria-live polite Anlamına Gelir
role status kullanmak, aria-live değerini polite olarak ayarlamanın kısa yoludur. Daha açık ve anlamsal bir amaçla aynı davranışı elde edersiniz.
alert Rolü Assertive'tır
alert rolü, içeriği görünür olur olmaz assertive biçimde duyuru yapar. Bir şeyin hemen dikkat gerektirdiği durumlarda bunu kullanın. ⚠️
<div role="alert">Payment failed</div>alert, aria-live assertive Anlamına Gelir
Bir alert, aria-live assertive ile aria-atomic true birleşimi gibi davranır. Sözü keser ve metninin tamamını tek bir mesaj olarak okur.
log Rolü Akışlar İçindir
log rolü, sohbet dizisi veya etkinlik akışı gibi yeni girdilerin sırayla eklendiği içerikler için uygundur. İçeriği kibarca okur.
<ul role="log" aria-live="polite"></ul>log Sırayı Korur
Bir log, eski mesajların önemli ve sıralamanın anlamlı olduğunu belirtir; böylece yardımcı teknoloji eklenenleri geliş sırasına göre okur.
Uygulamada status ve alert Karşılaştırması
Nazik bir onay için durum, bir sorun içinse uyarı seçin. Kaydedildi rozeti bir durumdur; formu engelleyen hata ise uyarıdır.
Uyarılar Hak Edilmeli
Uyarı rolünü gereğinden fazla kullanmak her şeyin araya girmesine ve gürültülü hissettirmesine neden olur. Bu rolü gerçek hatalar ve zaman açısından kritik uyarılar için saklayın.
Rolü İçerikten Önce Yerleştirin
Ham canlı bölgelerde olduğu gibi, durum rolüne sahip bir öğe metni eklemeden önce mevcut olmalıdır; böylece ekran okuyucu onu zaten izliyor olur.
<p role="status" id="out"></p>Roller de Anlam Katar
Bu roller nezaket düzeyinin ötesinde, bölgenin ne olduğunu açıklar. Bu anlamsal açıklık hem ekran okuyucularına hem de sonraki geliştiriciye yardımcı olur.
Hızlı Kontrol
Kullanıcıyı hemen engelleyen bir form gönderme hatasını duyurmanız gerekiyor. Hangi rol uygundur?
Özet: Canlı Roller
Artık durum rolünün nazik, uyarı rolünün ısrarcı olduğunu ve günlüğün sıralı akışları tuttuğunu biliyorsunuz. Güncellemenin önemine uygun rolü seçin. ✅
Sıkça Sorulan Sorular
“status, alert ve log Rolleri” dersi ücretsiz mi?
Evet — “status, alert ve log Rolleri” 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.
“status, alert ve log Rolleri” dersinde ne öğreneceğim?
Her güncelleme türü için doğru canlı rolü seçin. 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 2. dersidir.
“status, alert ve log Rolleri” 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
- polite ve assertive: Aciliyeti Seçme
- status, alert ve log Rolleri
- Bildirimleri, Yükleyicileri ve Sayıları Duyurma
- Canlı Bölgeler Neden Çalışmaz ve Nasıl Düzeltilir