2.4.1 Blokları Atla

Tekrarlanan içerik bloklarını atlayarak ana içeriğe hızlıca ulaşmayı sağlayan "atla" bağlantıları gibi mekanizmalar sunulmalıdır.

SC Kodu: 2.4.1 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#bypass-blocks

Genel Tanım

WCAG SC 2.4.1 Engelleri Aşma özelliği, kullanıcıların birden fazla web sayfasında tekrarlanan içerik bloklarını atlamasına olanak tanıyan bir mekanizma gerektirir. Bu, özellikle yardımcı teknolojileri kullanan kullanıcıların, her sayfada gezinme menüleri veya reklamlar gibi tekrarlanan öğelerden geçmek zorunda kalmadan ana içeriğe verimli bir şekilde ulaşabilmelerini sağlar.

Faydalar

• Ekran Okuyucu Kullanıcıları İçin Geliştirilmiş Gezinme: Ekran okuyucu kullanıcılarının tekrarlayan içerikleri atlamasına ve ana içeriğe daha hızlı erişmesine olanak tanır.

Ana Amaç

Kullanıcıların tekrarlanan içerik bloklarını atlayarak doğrudan ana içeriğe veya bir web sayfasının diğer önemli bölümlerine geçmelerini sağlayan bir atlama mekanizması sunmak.

Fare kullanan kullanıcılar için, imleci hareket ettirerek sayfanın ana içeriğine kolayca atlamak mümkündür. Ancak, klavye kullanan kullanıcılar için, ana gezinme çubuğu gibi blokları ve önemli noktaları atlama mekanizması yoksa, ana içeriğe ulaşmadan önce onlarca bağlantı içerebilen tüm gezinme menüsünü dolaşmak zorunda kalacaklardır. Bu süreç her sayfada tekrarlanabilir ve bu da "blokları atlama" mekanizmalarının önemini vurgular.

En İyi Uygulamalar

• Sayfada gezinmeyi atlamak için atlama bağlantısı ekleyin: Sayfanın üst kısmına gezinme menülerini atlamak için bir atlama bağlantısı ekleyin.
• Büyük sayfalarda atlama bloğunu kullanın: Büyük sayfalardaki belirli bölümlere gitmek için atlama bloğunu kullanın.
• Atlama bloklarının görünürlüğünü sağlayın: Atlama bloklarının odaklandıklarında görünür olduklarından emin olun.
• Atlama bağlantısının amacını açıkça belirtin: "Ana içeriğe atla" veya "Gezinmeyi atla" gibi atlama bağlantısının amacını açıkça açıklayın.
• ARIA işaretleyicilerini ve anlamsal HTML'i kullanın: Sayfanın farklı bölgelerini tanımlamak için ARIA işaretleyicilerini ve anlamsal HTML'i kullanın ve "Birincil gezinme" veya "İkincil gezinme" gibi aynı türdeki birden fazla işaretleyiciye aria-label kullanarak benzersiz adlar atayın. Bu, ekran okuyucu kullanan görme engelli kullanıcılar için gezinme deneyimini kolaylaştıracaktır, çünkü yazılımları aracılığıyla işaretleyiciler, başlıklar ve bağlantılar üzerinden kısayollar arasında gezinebilirler.

Örnekler ve Açıklamalar

Örnek: Örnek Uygulama

Birden fazla bölümü olan çevrimiçi bir gazete.

Nelerden Kaçınılmalı?

Bir gazete web sitesi, arama işlevi, kurumsal banner, yan sütunlar ve küçük haberler de dahil olmak üzere birden fazla bölüm içerir. Ana habere doğrudan geçmeyi sağlayan bir mekanizma bulunmadığından, kullanıcılar tüm bölümler arasında tekrar tekrar sekme tuşuyla gezinmek zorunda kalırlar.

Açıklama: Atlama mekanizması olmadığı için, özellikle engelli kullanıcılar, ana hikayeye ulaşmak için tekrarlanan tüm içerikleri tek tek geçmek zorunda kalıyorlar; bu da sitenin kullanımını zorlaştırıyor.

Ne Yapılmalı?

Kullanıcının sayfada sekme tuşuyla gezinirken ulaştığı ilk bağlantı "Ana Habere Git" başlığını taşıyor. Bu bağlantıyı etkinleştirmek, görsel odağı ana habere kaydırıyor. Tekrar sekme tuşuna basmak ise kullanıcıyı ana haberdeki ilk bağlantıya götürüyor.

Açıklama: "Ana Habere Git" bağlantısı sağlamak, kullanıcıların tekrarlayan içeriği atlayıp doğrudan ana habere geçmelerini sağlar. Atlama bağlantısının görünür ve açıkça etiketlenmiş olması, kullanıcıların amacını kolayca anlamalarını ve sayfada verimli bir şekilde gezinmek için kullanmalarını sağlar.