Karusel (Carousel) Nedir?
Karusel (carousel), bir dizi slaytı aynı alanda sırayla gösteren, önceki ve sonraki düğmeleriyle ya da kendiliğinden dönerek ilerleyen arayüz bileşenidir; ana sayfa bannerlarında ve ürün görsellerinde kullanılır.
Diğer Adları: Carousel, Slide Show, Image Rotator
Karusel Nasıl Çalışır?
W3C’nin tanımıyla karusel, slayt adı verilen bir öğe kümesini, her seferinde bir ya da birkaç slayt göstererek sırayla sunar. Önceki ve sonraki slayt düğmeleri slaytlar arasında dolaşmayı sağlar; isteğe bağlı slayt seçicileri (çoğunlukla noktalar ya da küçük görseller) belirli bir slayta atlamaya yarar. Kendiliğinden dönen karuselde dönmeyi başlatan ve durduran bir düğme bulunur; düğmenin adı yapacağı işe göre değişir.
Karusel Erişilebilir Biçimde Nasıl Kurulur?
- Klavye odağı karuselin içine girdiğinde kendiliğinden dönme durur ve kullanıcı istemedikçe yeniden başlamaz.
- Fare imleci karuselin üzerindeyken dönme durur.
- Dönmeyi durdurma düğmesi Tab sırasında ilk denetimdir; önceki, sonraki ve durdurma düğmelerine basmak odağı yerinden oynatmaz.
- Karuselin kabı aria-roledescription ile karusel, her slayt slayt olarak tanımlanır; slaytları saran canlı bölge kendiliğinden dönerken kapalı (off), dönmüyorken polite değerini alır.
Karusel Mağazada Nerede Kullanılır?
Ürün sayfasındaki görsel galerisi, ana sayfadaki kampanya bannerları ve benzer ürün şeritleri karuselin sık görüldüğü yerlerdir. Ürün galerisinde kullanıcı görseller arasında kendisi geçer; burada kendiliğinden dönme çoğu zaman gerekmez.
Örnek: Bir mağazanın ana sayfasındaki karusel dört kampanyayı beşer saniyede bir değiştirir. Kampanya metnini okumaya çalışan ziyaretçi metin bitmeden slaytın değiştiğini görür; dönmeyi durdurma düğmesi yoksa aynı slaytın geri gelmesini beklemek zorunda kalır. Durdurma düğmesi eklenir ve her kampanyanın bilgisi kampanyalar sayfasında da yer alır.
Karusel (Carousel) Hakkında Sık Sorulan Sorular
Karusel kendiliğinden dönmeli mi?
Zorunlu değildir. Kendiliğinden dönen karuselde kullanıcı dönmeyi durdurabilmelidir; klavye odağı ya da fare imleci karusele geldiğinde dönme kendiliğinden durur.
Karusel ile sekmeli içerik arasındaki fark nedir?
İkisi de aynı alanda bir içerik parçasını gösterir. Karusel slaytları sırayla dolaştırır ve kendiliğinden dönebilir; sekmeli içerikte kullanıcı adı görünen sekmeyi seçerek ilgili paneli açar.
Karuselde slayt seçicileri zorunlu mu?
Zorunlu değildir; W3C kalıbında slayt seçicileri isteğe bağlıdır. Kullanılırsa sekme olarak kurulabilir ve her seçicinin hangi slayta götürdüğü erişilebilir adıyla belirtilir.