Tutarlı Gezinme

Kısaca

İnsanlar bir sitede şeylerin nerede olduğunu öğrenir ve onları aynı yerde bulmayı bekler. Menü, arama kutusu ya da dil seçici sürekli yer değiştiriyorsa, az gören, bilişsel engelli ya da ekran okuyucu kullanan kişiler her sayfada yeniden aramak zorunda kalır.

Bu kriter, bir web sayfası kümesindeki birden çok sayfada tekrarlanan gezinme mekanizmalarının, kullanıcı bir değişiklik başlatmadıkça, her tekrarlandıklarında aynı göreli sırada yer almasını ister.

Neleri kapsar?

• Aynı göreli sıra: Tekrarlanan öğeler diğer öğelere göre aynı konumu korur. Bir menü genişlediğinde olduğu gibi öğe eklenebilir ya da çıkarılabilir; kalan öğeler aynı sırada kaldığı sürece.
• Hangi mekanizmalar: Ana menü, alt bilgi menüsü, arama formu, ekmek kırıntısı, atlama bağlantısı ya da dil seçici gibi tekrarlanan gezinme.
• Web sayfası kümesi: Ortak bir amacı olan, aynı yazar, grup ya da kuruluş tarafından oluşturulmuş sayfa topluluğu. Farklı dil sürümleri farklı kümelerdir. Site gezinmesini bırakan bir ödeme akışı ürün sayfaları kümesinin parçası değildir.
• İzin verilenler: Alt gezinme ve ikincil menüler yasak değildir. Kullanıcılar sırayı bir kullanıcı aracı ya da ayar aracılığıyla da değiştirebilir.
• Kaynak sırası ve görsel sıra: Kriter hem düzenle hem kaynak sırasıyla ilgilidir; böylece büyüteç ve ekran okuyucu kullanıcıları şeyleri aynı yerde bulur.
• Atlama bağlantıları: W3C, "ana içeriğe geç" bağlantısının her sayfadaki ilk bağlantı olmasını, gezinme sayfaların sonundaysa "gezinmeye geç" bağlantısının tutarlı biçimde başta yer almasını önerir.
• Kapsam dışı: Aynı işlevi aynı biçimde adlandırmak 3.2.4'tür. Tekrarlanan blokları atlamak 2.4.1'dir. Sayfaları bulmanın birden çok yolu 2.4.5'tir.

Kimleri etkiler?

Büyüteç kullanan ve sayfa düzenine güvenen az görenler. Öngörülebilir konumlara güvenen bilişsel ve öğrenme engelli kişiler. İçerikte sırayla gezinen ve sabit bir yapıya bağlı olan ekran okuyucu kullanıcıları. Kontrolleri bulmak için uzamsal belleği kullananlar; zihinsel engelli kişiler dahil.

EAA ve EN 301 549'da

Avrupa Erişilebilirlik Yasası (Direktif (AB) 2019/882) 28 Haziran 2025'ten sonra piyasaya sunulan kapsamdaki ürün ve hizmetler için geçerlidir. Yasanın 47. gerekçesi web siteleri ve mobil uygulamalar için dört ilkeyi sayar: algılanabilirlik, işletilebilirlik, anlaşılabilirlik ve sağlamlık. Tutarlı gezinme, "anlaşılabilirlik" ilkesinin parçasıdır.

Teknik karşılığı EN 301 549 standardında bulunur. Standart, WCAG 3.2.3'i atıfla alır ve ortama göre ayrı maddelere dönüştürür.

EN 301 549 V3.2.1'de yazılım maddesi bu kriteri taşımıyordu, çünkü kriter web sayfası kümeleriyle ilgilidir. V4.1.1'in bunu değiştirip değiştirmediğini kontrol edin. Kriterin web dışı dokümanlara uygulanıp uygulanmadığı ve nasıl uygulandığı standardın 10. maddesinde belirtilir. Madde numaraları EN 301 549'un "9. + WCAG numarası" düzenine göredir. V3.2.1'de yazılım maddesi, açık ve kapalı işlevsellik için ayrı alt maddelere bölünmüştür. Kaynak gösterirken tam numaraları standarttan kontrol edin.

Standart sürümü: EN 301 549 V4.1.1 (Eylül 2026), WCAG 2.2'yi esas alan ve EAA için hazırlanan ilk sürümdür. Henüz AB Resmî Gazetesi'nde atıf almamıştır; bu nedenle EAA gereksinimlerini karşılamanın gönüllü teknik yolu olarak görülmelidir. Atıf yapıldığında EAA ile ilgili uygunluk karinesi sağlayacaktır. 3.2.3 kriterinin metni WCAG 2.1 ve 2.2'de aynıdır. AA düzeyinde bir kriterdir.

EAA bağlamında dikkat: Yasanın Madde 2/4 hükmü bazı içerikleri gereksinimlerin dışında bırakır; örneğin 28 Haziran 2025'ten önce yayımlanmış ofis dosya biçimleri ve bu tarihten sonra güncellenmeyen arşivler. Bu tarihten sonra yayımladığınız ya da değiştirdiğiniz içerik bu istisnaların kapsamında değildir.

Directive (EU) 2019/882, EUR-Lex, İngilizce, yeni sekmede açılır

Web için kod örnekleri

1. Farklı sırada bir gezinme menüsü

Aynı bağlantıların iki sayfada farklı sırada olması hatadır (F66).

<!-- Sayfa A -->
<nav><a href="/">Ana sayfa</a><a href="/urunler">Ürünler</a><a href="/hakkimizda">Hakkımızda</a></nav>
<!-- Sayfa B -->
<nav><a href="/hakkimizda">Hakkımızda</a><a href="/">Ana sayfa</a><a href="/urunler">Ürünler</a></nav>

<!-- Tüm sayfalar aynı gezinme dosyasını kullanır -->
<nav><a href="/">Ana sayfa</a><a href="/urunler">Ürünler</a><a href="/hakkimizda">Hakkımızda</a></nav>

2. Tek bir ortak bileşen

Tekrarlanan gezinmeyi bir kez, ortak bir şablonda ya da bileşende oluşturun; sıra kayamaz (G61).

<!-- Gezinme her sayfaya kopyalanıp ayrı ayrı düzenleniyor -->

<!-- layout.html -->
<header>{% include "nav.html" %}</header>
<main>{% block content %}{% endblock %}</main>

3. Genişleyen menü

Alt öğeler görünebilir; mevcut öğeler göreli sırasını koruduğu sürece.

<nav>… <a href="/destek">Destek</a> <a href="/urunler">Ürünler</a> …</nav> <!-- genişleyince sıra tersine dönüyor -->

<nav>
  <a href="/urunler">Ürünler</a>
  <ul hidden id="sub"><li><a href="/urunler/a">A</a></li></ul>
  <a href="/destek">Destek</a>
</nav>

4. Atlama bağlantısı her sayfada ilk gelir

Atlama bağlantısını aynı yerde, odaklanabilen ilk öğe olarak tutun.

<!-- atlama bağlantısı bazı sayfalarda ilk, bazılarında logodan sonra -->

<body>
  <a class="skip" href="#main">Ana içeriğe geç</a>
  <header>…</header>
  <main id="main">…</main>

5. Arama formu yerinde kalır

Arama formunu diğer üst bilgi öğelerine göre aynı konumda tutun.

<!-- Arama ana sayfada menüden önce, iç sayfalarda sonra -->

<header>
  <a href="/" class="logo">Corp</a>
  <nav>…</nav>
  <form role="search">…</form>
</header>

6. Kullanıcının başlattığı değişikliğe izin verilir

Kullanıcı menünün bölümlerini yeniden sıralamayı ya da gizlemeyi seçtiğinde bu kriteri ihlal etmez.

<!-- Site her ziyarette menüsünü kendiliğinden yeniden sıralıyor -->

<!-- Kullanıcı kısayollarını yeniden sıralar ve yeni sıra her yerde uygulanır -->

Mobil için kod örnekleri

Uygulamada karşılığı sekme çubuğu, araç çubuğu ve menüdür. Öğelerini aynı akışın her ekranında aynı sırada tutun.

iOS (SwiftUI)

import SwiftUI

struct RootView: View {
    var body: some View {
        // Çubuğu gösteren her ekranda aynı sekmeler, aynı sırada
        TabView {
            HomeView().tabItem { Label("Ana sayfa", systemImage: "house") }
            SearchView().tabItem { Label("Ara", systemImage: "magnifyingglass") }
            ProfileView().tabItem { Label("Profil", systemImage: "person") }
        }
    }
}

Android (Jetpack Compose)

import androidx.compose.material3.*
import androidx.compose.runtime.Composable

@Composable
fun AppNavigationBar(selected: String, onSelect: (String) -> Unit) {
    // Tek bir ortak bileşen; sıra her ekranda aynıdır
    NavigationBar {
        listOf("Ana sayfa", "Ara", "Profil").forEach { item ->
            NavigationBarItem(
                selected = selected == item,
                onClick = { onSelect(item) },
                icon = { /* simge */ },
                label = { Text(item) }
            )
        }
    }
}

Nasıl test edilir?

• Tekrarlanan gezinmeyi belirleyin: Sayfalar arasında tekrarlanan menüleri, arama formlarını, ekmek kırıntılarını, atlama bağlantılarını ve dil seçicileri listeleyin.
• Birkaç sayfayı karşılaştırın: Ana sayfaya, bir içerik sayfasına, bir forma ve uzun bir sayfaya bakın. Tekrarlanan öğelerin göreli sırası aynı mı?
• Kaynak sırasını karşılaştırın: İşaretlemedeki sıraya bakın ya da her sayfada sekmeyle gezin. Aynı mı?
• Genişleyen menüleri kontrol edin: Bir menü genişlediğinde diğer öğeler sırasını koruyor mu?
• Farklı kümeleri kontrol edin: Her sayfa kümesini ayrı değerlendirin. Bir ödeme akışı ya da başka bir dil sürümü kendi kümesini oluşturabilir.
• Birkaç boyutta kontrol edin: Farklı kesme noktalarındaki düzenler farklı olabilir, ama her biri kendi içinde tutarlı olmalıdır.
• Denetleyiciyi başlangıç olarak kullanın: Otomatik araçlar sayfaları göreli sıra açısından karşılaştıramaz. Bunu bir kişi yapmalıdır.

Sık yapılan hatalar

• Farklı sayfalarda farklı sırada gezinme bağlantıları: W3C'nin tarif ettiği hata (F66).
• Her sayfaya kopyalanan gezinme: Düzenlemeler zamanla birbirinden uzaklaşır.
• Yalnızca bazen görünen atlama bağlantısı: Ya da farklı bir yerde görünen.
• Yer değiştiren arama formu: Bir sayfada menüden önce, diğerinde sonra yerleştirilmiş.
• Bazı sayfalarda farklı alt bilgi: Tekrarlanan alt bilgi bağlantıları başka bir sırada.
• Algoritmayla yeniden sıralamak: Her ziyarette popülerliğe göre kendini yeniden sıralayan menüler.
• Yeni şablonu muaf saymak: Aynı kümedeki sayfalar tutarlı kalmalıdır.
• Bunu aynı sayfalarla karıştırmak: Sayfalar farklı olabilir, ama tekrarlanan mekanizmalar sırasını korumalıdır.

Kaynaklar

• Understanding SC 3.2.3: Consistent Navigation (W3C), İngilizce, yeni sekmede açılır
• G61: Presenting repeated components in the same relative order each time they appear (W3C), İngilizce, yeni sekmede açılır
• F66: Failure of Success Criterion 3.2.3 due to presenting navigation links in a different relative order on different pages (W3C), İngilizce, yeni sekmede açılır
• Directive (EU) 2019/882, European Accessibility Act (EUR-Lex), İngilizce, yeni sekmede açılır
• EN 301 549 V4.1.1 (ETSI), İngilizce, yeni sekmede açılır
• The European accessibility standard EN 301 549 has been updated (AccessibleEU), İngilizce, yeni sekmede açılır

Standart sürümü: EN 301 549 V4.1.1 (2026-09), WCAG 2.2. Bu sayfa bilgilendirme amaçlıdır ve hukuki tavsiye niteliği taşımaz; bağlayıcı metin için Avrupa Erişilebilirlik Yasası'nın (Direktif (AB) 2019/882) ve EN 301 549 standardının resmî metinlerini esas alın.