Otomatik Hareketli İçerik İçin Duraklat, Durdur, Gizle
Kullanıcılara döngülü içerik ve video üzerinde denetim verin.
Otomatik Hareketli İçerik İçin Duraklat, Durdur, Gizle, 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.
Kullanıcıların Denetimine İzin Verin
İçerik kendi kendine hareket ediyorsa kullanıcının bundan çıkabilmesi gerekir. WCAG bunu otomatik hareket eden içerik için duraklatma, durdurma veya gizleme olarak adlandırır. ⏸️
Otomatik Hareket Eden İçerik Nedir
Karuselleri, otomatik ilerleyen slayt gösterilerini, kayan haber şeritlerini ve döngüsel arka plan videolarını düşünün. Kullanıcı eylemi olmadan hareket eden her şey bu kapsama girer.
Beş Saniye Kuralı
Kriter, diğer içeriklerle birlikte beş saniyeden uzun süren hareketleri hedefler. Kısa bir giriş animasyonu bu kuralın dışındadır.
Neden Önemlidir
Hareketli içerik dikkati dağıtır ve bilişsel veya hareket hassasiyeti olan kullanıcıların okumasını imkânsız kılabilir. Denetim, sayfayı yeniden kullanıcının kontrolüne verir.
Duraklatma Denetimi Sunun
En basit çözüm, gerçek bir duraklatma düğmesidir. Kullanıcıların bir slaytı rahatça okuyabilmesi için karuseli dondurmalarına izin verin.
<button aria-label="Pause slideshow">Pause</button>Durdurma, Duraklatmadan Daha Güçlüdür
Duraklatma sonradan devam edebilir; durdurma ise hareketi tamamen sona erdirir. Kullanıcı gerçekten denetimde olduğu sürece ikisi de kuralı karşılar.
Gizleme de Bir Seçenektir
Bazen kullanıcıların hareketli öğeyi tamamen gizlemesine izin vermek en iyisidir. Haber şeridindeki kapatma denetimi dikkat dağıtıcı öğeyi doğrudan ortadan kaldırır.
Üzerine Gelindiğinde ve Odaklandığında Duraklatın
Bir karusel, kullanıcı üzerine geldiğinde veya sekme tuşuyla içine girdiğinde de duraklamalıdır; böylece okuma ya da etkileşim otomatik ilerlemeyle çakışmaz.
Denetime Erişilebilirlik Sağlayın
Duraklatma düğmesinin kendisine, açık bir etiketle klavye üzerinden erişilebilmelidir. Kimsenin bulamadığı bir denetim kuralı karşılamaz.
Azaltılmış Hareketle Birlikte Kullanın
En iyisi, hareketi azaltan kullanıcılar için otomatik oynatmayı devre dışı bırakmaktır. Tercih kontrolünü görünür bir duraklatma denetimiyle birleştirin.
@media (prefers-reduced-motion: reduce) {
.carousel { animation-play-state: paused; }
}Otomatik İlerlemeyi Atlayın
Açıkçası birçok karusel, hiç otomatik ilerleme olmadan daha iyi çalışır. Kullanıcıların kendi hızlarında tıklayarak ilerlemesine izin verin; sorun ortadan kalkar.
Kısa Kontrol
Duraklatma, durdurma veya gizleme kuralı ne gerektirir?
Özet
Otomatik hareket eden içerik, kullanıcı denetiminde bir duraklatma, durdurma veya gizleme seçeneği gerektirir. Bu seçeneği klavyeyle erişilebilir yapın ve hareket azaltıldığında otomatik oynatmayı devre dışı bırakın. ✅
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
“Otomatik Hareketli İçerik İçin Duraklat, Durdur, Gizle” dersi ücretsiz mi?
Evet — “Otomatik Hareketli İçerik İçin Duraklat, Durdur, Gizle” 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.
“Otomatik Hareketli İçerik İçin Duraklat, Durdur, Gizle” dersinde ne öğreneceğim?
Kullanıcılara döngülü içerik ve video üzerinde denetim verin. 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.
“Otomatik Hareketli İçerik İçin Duraklat, Durdur, Gizle” 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
- CSS ve JS'de prefers-reduced-motion
- Vestibüler Bozukluklar ve Paralaks Riskleri
- Nöbetler İçin Üç Flaş Eşiği
- Otomatik Hareketli İçerik İçin Duraklat, Durdur, Gizle