Açılır Bölüm mü Sekmeler mi: Doğru Seçimi Yapın
İçeriğinize uygun kalıbı seçin.
Açılır Bölüm mü Sekmeler mi: Doğru Seçimi Yapın, 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.
Aynı Görünür, Farklı Davranırlar
Sekmeler ve akordeonlar içeriği gizleyip gösterdiği için sıkça karıştırılır. Yanlış tasarım kalıbını seçmek kullanıcıların yönünü şaşırmasına neden olabilir.
Sekmeler Bir Seferde Birini Gösterir
Bir sekme kümesi birbirini dışlayan görünümler sunar: bir panel açıldığında diğerleri kapanır. Kullanıcının içeriği her seferinde bir bölüm olarak karşılaştırdığı durumlara uygundur.
Akordeonlarda Birden Fazla Bölüm Açılabilir
Bir akordeon, birkaç bölümün aynı anda açık kalmasına olanak tanır. Kullanıcıların yan yana iki yanıtı görmek isteyebileceği uzun bir SSS sayfasına uygundur.
Açılır Bölüm En Basit Seçenektir
Tek bir gösterme-gizleme bileşeni bir açılır bölümdür: bir düğme ve bir bölge. Göstermek istediğiniz yalnızca tek bir isteğe bağlı ayrıntı parçası varsa bunu kullanın.
<button aria-expanded="false">Show details</button>Farklı Roller, Farklı Tuşlar
Tasarım kalıpleri farklı ARIA kullanır. Sekmelerde tablist ve ok tuşları gerekir; açılır bölüm veya akordeon için aria-expanded içeren yalnızca bir düğme yeterlidir.
Düzen Genişliğiyle Uyum Sağlama
Sekmeler, her etiket kısa olduğunda ve satır üst kısma sığdığında en iyi sonucu verir. Etiketler uzunsa, dikey olarak sıralanan bir akordeon daha iyi okunur.
Mobil Cihazları Düşünün
Dar ekranlarda yatay sekme satırı çoğu zaman taşar. Bir akordeon doğal biçimde alt alta sıralandığından birçok ekip küçük ekranlarda tasarım kalıbını değiştirir.
İçerik Bağımsızlığını Değerlendirme
Bölümlerin bağımsız olup olmadığını sorun. Kullanıcılar birkaç bölümü birlikte okumaktan yararlanıyorsa akordeon, yalnızca tek bir görünüm uygunsa sekmeleri seçin.
Bağlantılarla Taklit Etmeyin
Her iki tasarım kalıbını da kaydırma yapan düz bağlantılarla oluşturmaktan kaçının. Bağlantılar başka yerlere götürür; bu denetimler içeriğin durumunu değiştirir, bu nedenle düğme anlamına ihtiyaç duyar.
Kararsızsanız Daha Basit Olanı Seçin
Bir tasarım kalıbı sınırda kalıyorsa daha basit olanı tercih edin. Bir açılır bölüm veya akordeonda, tam bir sekme bileşenine göre hatalı yapılandırılabilecek daha az ARIA bulunur.
Kararı İçeriğe Bırakın
Doğru seçim görünüşten değil, içerikten kaynaklanır. Kullanıcıların içeriği nasıl okuması ve karşılaştırması gerektiğine karar verin, ardından bunu bir tasarım kalıbıyla eşleştirin.
Hızlı Kontrol
Kullanıcılarınız çoğu zaman SSS yanıtlarınızdan birkaçını aynı anda okumak istiyor. Hangi tasarım kalıbı en uygundur?
Özet: Doğru Seçimi Yapma
İçerik gereksinimlerine göre seçim yapmayı öğrendiniz: tek seferde bir görünüm için sekmeler, birden fazla açık bölüm için akordeonlar, tek bir gösterim için açılır bölüm.
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
“Açılır Bölüm mü Sekmeler mi: Doğru Seçimi Yapın” dersi ücretsiz mi?
Evet — “Açılır Bölüm mü Sekmeler mi: Doğru Seçimi Yapın” 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.
“Açılır Bölüm mü Sekmeler mi: Doğru Seçimi Yapın” dersinde ne öğreneceğim?
İçeriğinize uygun kalıbı 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 4. dersidir.
“Açılır Bölüm mü Sekmeler mi: Doğru Seçimi Yapın” 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
- Sekmeler Kalıbı: tablist, tab, tabpanel
- Sekmeler Arasında Ok Tuşlarıyla Gezinme
- Düğme ve aria-expanded ile Akordeonlar
- Açılır Bölüm mü Sekmeler mi: Doğru Seçimi Yapın