Bağlantıları atla ve anlamsal işaretler
Klavye, gezinme menüsü ve başlık menüsünden geçmeye gerek kalmadan doğrudan ana içeriğe atlar.
"Atlama bağlantıları ve anlamsal işaretler" ne anlama geliyor?
Atlama bağlantıları, sayfanın üst kısmında görünmez olan ve ilk klavye sekmesi açıldığında görünür hale gelen atlama bağlantılarıdır; bu sayede klavye kullanıcıları gezinme, başlıklar ve reklamları atlayarak doğrudan ana içeriğe geçebilirler. Anlamsal işaretler (, , , Ekran okuyuculara sayfanın bir haritasını sunarak kullanıcıların kısayol kullanarak alanlar arasında geçiş yapmasını sağlar.
Yükümlülük ve Fayda — WCAG 2.4.1.
WCAG 2.4.1 (Bypass Blokları) Tekrarlayan içerik bloklarının atlanabilmesi gerekiyor; bu "olması güzel bir özellik" değil, A seviyesi bir gereklilik. Atlama bağlantısı olmadan, klavye kullanan bir kullanıcı, asıl içeriğe ulaşmadan önce her alt sayfada onlarca menü öğesi arasında sekme tuşuyla ilerlemek zorunda kalıyor. Aynı durum ekran okuyucu kullanıcıları için de geçerli; tüm navigasyonu sesli olarak duyuyorlar.
Bunu tam olarak nasıl çözeceğiz?.
- Her sayfadaki ilk odaklanılabilir öğe:
<a class="skip-link" href="#main">Ana içeriğe atla</a>. - CSS, bağlantıyı görsel olarak gizler (negatif konumda),
:odakAAA kontrast oranıyla görünür hale geliyor. - Yapısal referans noktalarının doğru kullanımı: a
, A, Asayfa başına.- öğelerlearia-etiketiBelirsizlik durumlarında (örneğin, "ana gezinme", "yol izleme"). - Tarayıcı Geliştirici Araçları erişilebilirlik ağacında ve ekran okuyucularla (VoiceOver / NVDA) doğrulama.
Modül paketimizin ilgili yapı taşları
-
Erişilebilir formlar
WCAG 3.3.1Net etiketler, programatik hata yönetimi, doğrulama — tarayıcıda açılır pencereler yok, "lütfen doldurun" gibi şeyler yok.
-
Görünür odak göstergesi
WCAG 2.4.11Sekmeleri kullanarak gezinen kullanıcılar her zaman nerede olduklarını bilirler. Kaybolan çerçeve yok.
-
Sade dil (yapay zeka destekli)
WCAG 3.1.5Okuma güçlüğü çekenler, dil öğrenenler ve acelesi olanlar için tek tuşla basitleştirilmiş içerik.
-
Tam klavye navigasyonu
WCAG 2.1.1Her fonksiyona fareye gerek kalmadan erişilebilir. Ekran okuyucu kullanıcıları için olmazsa olmaz, diğer herkes için de faydalı.
Tam olarak bu modüle mi ihtiyacınız var?
15 dakikalık ön görüşme — siteniz için uygun olup olmadığını netleştireceğiz.
Daha fazla bilgi:
BFSG genel bakışı ·
Performans genel bakışı ·
BAFA fonlaması ·
Sıkça Sorulan Sorular