Sekmeli İçerik (Tabs) Nedir?
Sekmeli içerik (tabs), aynı alanda birden fazla içerik panelini üst üste koyup her seferinde yalnızca birini gösteren ve panellerin adlarını taşıyan sekmelerle panel değiştirilen arayüz bileşenidir.
Diğer Adları: Tabs
Sekmeli İçerik Nasıl Çalışır?
W3C’nin tanımıyla sekmeli içerik, sekme öğeleri ve bunlara bağlı sekme panellerinden oluşur. Sekmeler bir sekme listesinde (tablist) toplanır; her sekme bir panelin etiketidir ve etkinleştirildiğinde o paneli gösterir. Etkin sekmenin aria-selected değeri true, diğerlerininki false olur; her sekme aria-controls ile paneline, her panel aria-labelledby ile sekmesine bağlanır.
Sekmeli İçerikte Klavye Kullanımı
Tab tuşu sekme listesine girerken odağı etkin sekmeye getirir; ikinci Tab basışı odağı listeden çıkarıp panele taşır. Yatay listede sol ve sağ ok tuşları sekmeler arasında dolaşır ve son sekmeden ilkine döner; Home ve End tuşları isteğe bağlı olarak ilk ve son sekmeye götürür.
Panel iki biçimde açılabilir: otomatik etkinleştirmede bir sekmeye odaklanmak panelini hemen gösterir, elle etkinleştirmede kullanıcı Boşluk ya da Enter tuşuna basar. W3C otomatik etkinleştirmeyi yalnızca paneller fark edilir bir gecikme olmadan, çoğunlukla içerikleri önceden yüklü olduğu için gösterilebiliyorsa önerir.
Sekmeli İçerik Ürün Sayfasında Nasıl Kullanılır?
Ürün açıklaması, teknik özellikler, teslimat ve iade bilgisi ile müşteri yorumları sekmelerle ayrılabilir. Sekme adları kısa olur ve içeriği açıkça anlatır; ziyaretçinin satın alma kararı için mutlaka görmesi gereken bilgi ilk ve varsayılan olarak açık sekmede durur. Dar ekranda sekme listesi sığmıyorsa aynı içerik akordeonla sunulabilir.
Örnek: Bir ürün sayfasında teslimat bilgisi üçüncü sekmede kalır ve ziyaretçiler bu sekmeyi açmadan kargo süresini müşteri hizmetlerine sorar. Teslimat süresi sepete ekle düğmesinin yanına kısa bir satır olarak da yazılır, ayrıntısı sekmede kalır.
Sekmeli İçerik (Tabs) Hakkında Sık Sorulan Sorular
Sekmeli içerik ile akordeon arasında nasıl seçim yapılır?
Sekmeler aynı anda tek paneli gösterir ve yan yana kısa adlar gerektirir; birkaç kısa bölüm için uygundur. Akordeon panelleri alt alta sıralar ve birden fazla panelin açık kalmasına izin verebilir; dar ekranlarda daha rahat kullanılır.
Sekme sayısı için bir sınır var mı?
Kesin bir sınır yoktur. Sekme adları ekrana sığmayacak kadar çoğalırsa içerik yeniden gruplanır ya da başka bir düzen seçilir.