Gezinme Bağlantılarını Atlamanın Önemi
Gezinme bağlantılarını atlamanın çeşitli faydaları vardır:
- Geliştirilmiş Kullanılabilirlik: Yardımcı teknolojilere güvenen kullanıcılar için menülerde gezinmek için gereken çabayı azaltır.
- Gelişmiş Erişilebilirlik: WCAG ve ADA gibi erişilebilirlik yönergelerine uyumu sağlar.
- Daha İyi Kullanıcı Deneyimi: Sitenizi tüm kullanıcılar için daha kolay gezinilebilir hale getirir.
Atlama Gezinme Bağlantılarını Eklemeye Yönelik Adım Adım Kılavuz
Adım 1: Atlama Bağlantıları için HTML ekleyin
Sitenizin başlık dosyasının en üstüne atlama bağlantısı için HTML kodunu ekleyin:
Ana İçeriğe Geç
Şunlardan emin olun: href öznitelik ana içerik kabınızın kimliğini gösterir.
Adım 2: Ana İçeriğe bir Kimlik Ekleyin
WordPress temanızda ana içerik kabını bulun ve bir kimlik ekleyin:
Adım 3: Atlama Bağlantısını Biçimlendirin
Atlama bağlantısının odaklandığında görünür olduğundan emin olmak için stilini ayarlayın. Temanıza aşağıdaki CSS'yi ekleyin:
.skip-link { konum: mutlak; üst: -40px; sol: 0; arka plan: #000; renk: #fff; dolgu: 10px; metin dekorasyonu: yok; z-indeksi: 100; } .skip-link:focus { üst: 0; }
Adım 4: Atlama Bağlantısını Test Edin
Sitenizde gezinmek için bir klavye kullanın ve atlama bağlantısının doğru şekilde göründüğünü ve çalıştığını doğrulayın. Tab atlama bağlantısına odaklanmak ve Enter etkinleştirmek için.
Gezinme Bağlantılarını Atlamak İçin En İyi Uygulamalar
- Önce Atlama Bağlantılarını Yerleştirin: Atlama bağlantısının sayfadaki ilk odaklanılabilir öğe olduğundan emin olun.
- Net Etiketler Kullanın: Bağlantı metni amacını açıkça belirtmelidir, örneğin, "Ana İçeriğe Geç."
- Cihazlar Arasında Test Edin: Masaüstü, tablet ve mobil cihazlarda işlevselliği doğrulayın.
Vaka Çalışmaları: Eylemde Bağlantıları Atla
Vaka Çalışması 1: Eğitim Web Sitesi
Bir eğitim platformu, ekran okuyucu kullanan öğrenciler için daha iyi gezinme ve erişilebilirlik puanlarında %15'lik bir iyileştirmeyle sonuçlanan atlama bağlantıları uyguladı.
Vaka Çalışması 2: E-ticaret Mağazası
Çevrimiçi bir perakendeci, gezinme menüsüne atlama bağlantıları ekleyerek hemen çıkma oranlarını azalttı ve klavye kullanıcıları için kullanılabilirliği artırdı.
SSS: Gezinme Bağlantılarını Atlama Ekleme
Atlama gezinme bağlantıları nelerdir?
Gezinme bağlantılarını atlama, kullanıcıların tekrarlayan gezinme menülerini atlayıp doğrudan sayfanın ana içeriğine gitmelerini sağlar.
Erişilebilirlik uyumluluğu için atlama bağlantıları gerekli midir?
Açıkça zorunlu olmasa da atlama bağlantıları, yardımcı teknoloji kullanıcıları için gezinmeyi iyileştirerek WCAG yönergelerinin karşılanmasına yardımcı olur.
Kod düzenlemesi yapmadan atlama bağlantıları ekleyebilir miyim?
Evet, bazı erişilebilirlik eklentileri şu şekildedir: WP One Tap Erişilebilirlik Eklentisi otomatik olarak atlama bağlantıları ekleyebilir.
Mobil cihazlarda atlama bağlantıları çalışıyor mu?
Evet, doğru uygulandığında atlama bağlantıları mobil cihazlar da dahil olmak üzere tüm cihazlarda çalışır.
Atlama gezinme bağlantılarını nasıl test edebilirim?
Sitenizde gezinmek için klavyeyi kullanın ve atlama bağlantısının odaklanabilir ve işlevsel olduğundan emin olun.
