Web Accessibility Academy · Ders

Büyük Sayfalar İçin Birden Çok Atla Bağlantısı

Arama, gezinme ve içeriğe kısayollar sunun.

4. ders / 413 adım

Büyük Sayfalar İçin Birden Çok Atla Bağlantısı, 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.

Tek Bağlantı Yetmediğinde

Küçük bir sayfada tek bir atlama bağlantısı yeterlidir. Ancak karmaşık düzenlerde birkaç tekrarlanan bölge bulunur ve kullanıcılar yalnızca main bölgesine değil, başka yerlere de ulaşmak isteyebilir.

Hedeflerini Düşünün

Kullanıcı her zaman makaleye değil, arama kutusuna, birincil gezintiye veya alt bilgiye ulaşmak isteyebilir. Gerçekten ulaşmak istedikleri hedefleri sunun.

Birkaç Kısa Yol Sunun

Yaygın bir küme şudur: İçeriğe geç, Gezinmeye geç, Aramaya geç. Listenin kendisi bir angaryaya dönüşmesin diye kısa tutun.

Bunları Bir Gezinti İçinde Gruplayın

Atlama bağlantılarınızı küçük bir gezinti bölgesinin içine alarak sayfanın üst kısmında tek ve tutarlı bir kısayol kümesi olarak okunmalarını sağlayın.

<nav aria-label="Skip links"> ... </nav>

Bu Bölgeyi Adlandırın

Kapsayıcıya Skip links gibi bir aria-label verin. Bir ad olmadan, aynı sayfadaki iki gezinti ekran okuyucu kullanıcısına aynıymış gibi gelir.

Her Bağlantının Bir Hedefi Olmalı

Her kısayolun yine üzerine ulaşabileceği gerçek bir id değeri olmalıdır. Aramaya geç arama bölgesini, gezinmeye geç menüyü ve benzer şekilde ilgili hedefi gösterir.

<a href="#search">Skip to search</a>

Hedefler Odaklanılabilir Kalır

Daha önce olduğu gibi, eşleşen bağlantı etkinleştirildiğinde odağın güvenilir biçimde oraya taşınması için her hedefe tabindex eksi bir ekleyin.

Abartmayın

Her şey için bir kısayol ekleme isteğine direnin. Çok fazla atlama bağlantısı, sekmeyle geçilmesi gereken kendi tekrarlanan içerik bloklarına dönüşür.

Bölgeler Önemli İşleri Üstlenir

İyi tanımlanmış bölgelerin ekran okuyucu kullanıcılarının bir bölgeden diğerine atlamasına zaten izin verdiğini unutmayın. Ek atlama bağlantıları esas olarak görebilen klavye kullanıcılarına hizmet eder.

Burada da Sıra Önemlidir

Kısayolları mantıklı bir sırayla listeleyin; çoğu kişi bunun için geldiğinden genellikle içeriği ilk sıraya koyun. Nadiren kullanılanları sona bırakın.

Her Atlama İşlemini Test Edin

Kümede sekmeyle ilerleyin ve her bağlantıyı etkinleştirin. Odağın her seferinde doğru bölgeye, bir öğe kaymadan ulaştığını doğrulayın. ✅

Hızlı Kontrol

Büyük bir sayfada birden fazla atlama bağlantısı nasıl gruplanmalıdır?

Özet

Büyük sayfalarda, etiketlenmiş bir gezinti içinde birkaç atlama bağlantısı sunun ve her birine kendi odaklanılabilir hedefini verin. Kümeyi kısa tutun ve içeriği ilk sıraya koyun. 🎯

Başlamak ücretsiz

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

“Büyük Sayfalar İçin Birden Çok Atla Bağlantısı” dersi ücretsiz mi?

Evet — “Büyük Sayfalar İçin Birden Çok Atla Bağlantısı” 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.

“Büyük Sayfalar İçin Birden Çok Atla Bağlantısı” dersinde ne öğreneceğim?

Arama, gezinme ve içeriğe kısayollar sunun. 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.

“Büyük Sayfalar İçin Birden Çok Atla Bağlantısı” 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

  1. Ana İçeriğe Atla Bağlantısının Varlık Nedeni
  2. Gerçekten Çalışan Bir Atla Bağlantısı Oluşturma
  3. Odaklanılana Kadar Görsel Olarak Gizli
  4. Büyük Sayfalar İçin Birden Çok Atla Bağlantısı
← Web Accessibility Academy Sayfasına Dön