Skip to main content
Çalıştırılabilir WCAG 2.4.5

2.4.5 Birden Fazla Yol

Bir web sayfasını bir dizi web sayfası içinde bulmak için birden fazla yol sağlanmalıdır; sayfanın bir süreç sonucu veya adımı olduğu durumlar hariç.

Level AA Moderate WCAG 2.0 (new) WCAG 2.1 WCAG 2.2

Bu kural ne anlama geliyor

WCAG 2.4.5, kullanıcıların bir web sitesindeki herhangi bir sayfayı en az iki farklı mekanizma aracılığıyla bulabilmesini gerektirir. Yaygın yaklaşımlar arasında: site genelinde gezinme menüsü, arama işlevi, site haritası sayfası, içerik tablosu, içerik kırıntısı (breadcrumb) gezinmesi veya ilgili sayfalar arasındaki bağlantılar bulunur.

İstisna, çok adımlı bir sürecin parçası olan sayfalardır (örneğin ödeme akışı veya form sihirbazı) — bunların bağımlı olarak bulunabilir olması gerekmez çünkü bağlamları süreç akışına bağlıdır.

Neden önemlidir

Farklı kullanıcılar içerik bulmada farklı tercihlere ve yeteneklere sahiptir. Bazi kullanıcılar gezinme menüleri üzerinden göz atmayi tercih eder, digerleri arama kullanmayi tercih eder ve digerleri site haritalarina güvenilir. Bilişsel engelli kullanıcılar hiyerarsik gezinmeyi kafa karıştırıcı bulabilir ve duz bir arama arayuzunu tercih edebilir. Gor engelli kullanıcılar görsel site haritaları yerine klavye ile gezinilebilir gezinme yapilarini tercih edebilir.

İçerik bulmak için birden fazla yol sağlamak, her kullancinin kendisi için en iyi çalışan yöntemi kullanarak ihtiyaç duydugunu bulabilmesini garanti eder. Ayrıca bir güvenlik agi işlevi görür — bir mekanizmayı kullanmak zorsa kullanıcının alternatifleri vardır.

İlgili axe-core kuralları

Bu kriter için otomatik axe-core kuralı yoktur. En az iki gezinme mekanizmasının bulunduğunu doğrulamak için manuel doğrulama gerektirir.

Nasıl test edilir

  1. Web sitesinde şu mekanizmalardan en az ikisini belirleyin: gezinme menüsü, arama işlevi, site haritası, içerik tablosu, içerik kırıntıları veya ilgili sayfa bağlantıları.
  2. Her mevcut mekanizmayı kullanarak belirli bir içerik sayfasını bulmaya çalışın ve her iki yolun da aynı sayfaya ulaştığını onaylayın.
  3. Süreç adımı sayfalarının (ödeme, sihirbaz) bu gereksinimden muaf olduğunu doğrulayın.
  • Arama işlevinin ilgili sonuçlar döndürdüğünü ve klavye ile erişilebilir olduğunu kontrol edin.
  • Site haritasının güncel olduğunu ve tüm herkese açık sayfaları içerdiğini doğrulayın.

Nasıl düzeltilir

Aşağıdaki mekanizmalardan en az ikisini uygulayın. Genel gezinme menüsü ile arama işlevinin birleşimi en yaygın kalıptır.

Erişilebilir işaretleme ile arama

<form role="search" aria-label="Site araması">
  <label for="arama-girişi">Ara</label>
  <input
    type="search"
    id="arama-girişi"
    name="q"
    placeholder="Makalelerde ara..."
    autocomplete="off"
  />
  <button type="submit">Ara</button>
</form>

İçerik kırıntısı gezinmesi

<nav aria-label="İçerik kırıntısı">
  <ol>
    <li><a href="/">Ana Sayfa</a></li>
    <li><a href="/bilgi-bankasi">Bilgi Bankası</a></li>
    <li><a href="/bilgi-bankasi/işlenebilir">Islenebilir</a></li>
    <li aria-current="page">2.4.5 Birden Fazla Yol</li>
  </ol>
</nav>

Site haritası sayfa yapısı

<main>
  <h1>Site Haritasi</h1>
  <nav aria-label="Site haritası">
    <h2>Bilgi Bankası</h2>
    <ul>
      <li><a href="/bb/algilanabilir">Algilanabilir</a></li>
      <li><a href="/bb/işlenebilir">Islenebilir</a></li>
      <li><a href="/bb/anlaşılabilir">Anlasilabilir</a></li>
      <li><a href="/bb/sağlam">Saglam</a></li>
    </ul>
    <h2>Hizmetler</h2>
    <ul>
      <li><a href="/hizmetler/denetim">Erişilebilirlik Denetimi</a></li>
      <li><a href="/hizmetler/eğitim">Eğitim</a></li>
    </ul>
  </nav>
</main>

Sık yapılan hatalar

  • Arama işlevi, site haritası veya başka bir alternatif olmadan yalnızca gezinme menüsü sağlamak.
  • Görsel olarak mevcut olan ancak klavye ile erişilebilir olmayan bir arama işlevine sahip olmak.
  • Guncel olmayan ve son eklenen sayfaları içermeyen bir site haritası bulundurmak.
  • Betikler yüklenemediğinde bozulan yalnızca JavaScript'e dayalı gezinme kullanmak.
  • Arama işlevini erişilebilir etiketi olmayan küçük bir simgenin arkasina gizlemek.

Kaynaklar