WCAG 2.4.8: Konum

Bu Kuralın Anlamı

WCAG 2.4.8 Konum, İşletilebilirlik ilkesinin altında Seviye AAA ölçütüdür. Şöyle der: "Kullanıcının Web sayfaları kümesi içindeki konumuna ilişkin bilgiler sunulmaktadır." Pratikte bu, web sitenizin, kullanıcıya herhangi bir anda sitenin daha geniş yapısı içinde tam olarak nerede olduğunu söyleyen, net ve kalıcı sinyaller sağlaması gerektiği anlamına gelir.

Bu ölçüt, bir web sitesi anlamlı bir hiyerarşi veya sıraya göre düzenlenmiş birden fazla sayfadan oluştuğunda geçerlidir — örneğin kategoriler, alt kategoriler ve ürün sayfalarına sahip bir e-ticaret sitesi ya da birimlere ve alt bölümlere sahip bir devlet portalı. Bir kullanıcı bir sayfaya geldiğinde, tahmin etmek zorunda kalmadan veya yalnızca hafızasına güvenmeden, "Bu sitede neredeyim?" sorusuna cevap verebilmelidir.

Bu ölçütü karşılamak için kabul edilebilir teknikler şunlarla sınırlı olmamak üzere şunları içerir:

• İçerik yolu (breadcrumb) izleri — sitenin ana sayfasından mevcut sayfaya giden yolu gösteren bir gezinme yardımı (örneğin, Home > Products > Laptops > 15-inch Models).
• Site haritaları — sitenin genel yapısını gösteren ve mevcut konumu vurgulayan veya işaretleyen özel bir sayfa veya panel.
• Vurgulanmış veya görsel olarak ayırt edilebilir gezinme bağlantıları — etkin bölümü veya sayfayı açıkça işaretleyen, genellikle yardımcı teknoloji kullanıcıları için aria-current özniteliğiyle desteklenen gezinme menüleri.
• Çok adımlı bir süreçte numaralandırılmış adımlar — ödeme veya form sihirbazında "5 adımdan 2. adım" gibi sıralı konumu ileten göstergeler.

Bir sayfa, sitenin yapısı içindeki mevcut konumları hakkında kullanıcıyı bilgilendiren en az bir güvenilir mekanizma mevcutsa bu ölçütü geçer. Bir sayfa, böyle bir mekanizma yoksa kalır — örneğin, gezinme çubuğunda mevcut sayfaya dair görsel veya programatik bir gösterge yoksa, içerik yolu yoksa ve adım göstergesi sunulmuyorsa.

WCAG 2.4.8’in belirli bir tekniği zorunlu kılmadığını, bunun yerine bir tür etkili konum göstergesinin bulunmasını gerektirdiğini not etmek önemlidir. Ancak göstergenin gerçekten erişilebilir olması için, yalnızca gören kullanıcılar için görsel olarak belirgin olmakla kalmayıp ekran okuyucular gibi yardımcı teknolojiler tarafından da algılanabilir olması gerekir. Bu, yalnızca görsel göstergelerin (erişilebilir etiket değişikliği olmayan kalın bir bağlantı gibi) programatik olarak açığa çıkarılmadıkları sürece tek başına yetersiz olabileceği anlamına gelir.

WCAG, bu ölçüt için, ilgili sayfa kümelerine uygulanacağına dair genel anlayış dışında resmi istisnalar tanımlamaz. Daha büyük bir kümenin parçası olmayan tek başına bir web sayfasının bu ölçütü karşılaması gerekmez, çünkü iletilecek bir "küme içi konum" yoktur.

Neden Önemlidir

Dijital bir ortamda nerede olduğunuzu bilmek, çoğu kullanıcının varlığını fark etmeden kabul ettiği temel bir yönelim ihtiyacıdır — ta ki ipuçları ortadan kaybolana kadar. WCAG 2.4.8, birden fazla farklı kullanıcı grubunun yaşadığı gerçek ve yaygın bir engeli ele alır.

Bilişsel engelli kullanıcılar en çok etkilenenler arasındadır. Dikkat eksikliği bozukluğu, hafıza bozuklukları ve edinilmiş beyin hasarları gibi durumlar, karmaşık bir sitede izlenen yolu takip etmeyi zorlaştırabilir. Bir içerik yolu veya benzeri bir sinyal olmadan, kullanıcı yönünü kaybedebilir, üst kategoriye nasıl döneceğinden emin olamayabilir veya mevcut sayfanın daha önce gördüğü içerikle nasıl ilişkili olduğunu anlayamayabilir. Dünya Sağlık Örgütü’ne göre dünya genelinde bir milyardan fazla insan bir tür engelle yaşamaktadır ve bilişsel bozukluklar bu nüfusun önemli ve çoğu zaman yeterince hizmet alamayan bir bölümünü temsil eder.

Ekran okuyucu kullanıcıları — genellikle kör veya az gören kişiler — sayfa bağlamını anlamak için programatik yapıya büyük ölçüde güvenirler. Gören bir kullanıcı, vurgulanmış bir gezinme bağlantısına veya kalın yazılmış bir içerik yolu öğesine bir bakışta göz atarak anında yönünü bulabilir. Buna karşılık bir ekran okuyucu kullanıcısı, sayfayı sıralı sesli çıktı üzerinden yorumlamak zorundadır. Etkin gezinme bağlantısında aria-current="page" özniteliği veya erişilebilir etiketlere sahip düzgün yapılandırılmış bir içerik yolu olmadığında, eşdeğer bir yönelim sinyali alamaz ve nerede olduğunu anlamak için kapsamlı şekilde gezinmek zorunda kalabilir.

Klavyeyle, anahtarla veya göz takibi cihazlarıyla gezinme yapan motor engelli kullanıcılar, konum göstergelerinden fayda sağlar çünkü bunlar tekrarlayan ve zahmetli gezinme ihtiyacını azaltır. Bir kullanıcı, bir kurumsal sitenin "Support" bölümünde olduğunu zaten biliyorsa, her yeni sayfa yüklendiğinde tüm gezinme yapısını yeniden taramak zorunda kalmaz.

Somut bir senaryo düşünün: erken evre demansı olan bir kullanıcı, konut kredisi faiz oranları hakkında bilgi bulmak için bir Türk bankasının çevrimiçi portalında gezinmektedir. Birkaç sayfaya tıklar ve hâlâ bireysel bankacılık bölümünde mi yoksa kurumsal bankacılık alanına mı geçtiğinden emin olamaz. Mevcut bölümünü açıkça işaretleyen bir içerik yolu veya vurgulanmış bir gezinme öğesi olmadan, tarayıcıyı sinirle kapatabilir veya yanlış ürüne başvurmak gibi maliyetli bir hata yapabilir. Basit, iyi uygulanmış bir içerik yolu (örneğin, Ana Sayfa > Bireysel Bankacılık > Krediler > Konut Kredisi) bu kafa karışıklığını anında giderirdi.

Erişilebilirliğin ötesinde, konum göstergeleri ölçülebilir kullanılabilirlik ve SEO faydaları sağlar. İçerik yolu yapılandırılmış verisi (Schema.org BreadcrumbList kullanılarak) Google arama sonuçlarında zengin sonuçlar olarak doğrudan görünebilir ve tıklama oranlarını artırabilir. Net site yapısı aynı zamanda hemen çıkma oranlarını da azaltır; çünkü nerede olduğunu anlayan kullanıcılar, siteyi terk etmek yerine ilgili içeriği keşfetmeye daha yatkındır.

İlgili Axe-core Kuralları

WCAG 2.4.8, konum mekanizmasının her bağlamda mevcut, anlamlı ve erişilebilir olup olmadığını otomatik araçların güvenilir şekilde belirleyememesi nedeniyle manuel test gerektirir. Bu ölçüte doğrudan karşılık gelen bir axe-core kuralı yoktur. İşte otomasyonun neden yetersiz kaldığı ve manuel değerlendirmenin neleri kapsaması gerektiği:

• Konum mekanizmasının varlığı (manuel) — Otomatik bir tarayıcı, DOM içinde bir içerik yolu öğesi olup olmadığını tespit edebilir, ancak bu içerik yolunun sitenin gerçek bilgi mimarisini doğru yansıtıp yansıtmadığını, küme içindeki her sayfada yer alıp almadığını veya sitenin gezinme modeline uygun türde bir konum göstergesi olup olmadığını belirleyemez. Bir araç, bir <nav aria-label="breadcrumb"> öğesi bulup sorun yok diye raporlayabilir, oysa içerik yolu yalnızca bazı sayfalarda görünüyor veya yanlış hiyerarşi bilgisi içeriyor olabilir.
• Doğruluk ve eksiksizlik (manuel) — Otomatik araçlar konum bilgilerinin doğru olduğunu doğrulayamaz. Gerçek hiyerarşiden bağımsız olarak her zaman "Home > Current Page" gösteren bir içerik yolu, otomatik taramadan geçerdi ancak sayfalar kümesi içindeki kullanıcının konumunu gerçeğe uygun şekilde temsil etmediği için bu ölçütten kalırdı.
• Programatik açığa çıkarma (kısmen otomatik) — axe-core, bazı yapılandırmalarda gezinme bağlantılarında eksik aria-current özniteliklerini işaretleyebilse de, genel site yapısını ve her gezinme öğesinin rolünü anlamadan, aria-current eksikliğinin 2.4.8 ihlali olup olmadığını kesin olarak belirleyemez.
• Sayfa kümesi genelinde tutarlılık (manuel) — Bir konum mekanizması, yalnızca seçili sayfalarda değil, ilgili sayfa kümesinin tamamında mevcut olmalıdır. Otomatik taramalar genellikle bir seferde tek bir sayfayı değerlendirir ve bir mekanizmanın tüm site veya bölüm genelinde tutarlı şekilde bulunup bulunmadığını değerlendiremez.

Nasıl Test Edilir

1. Sayfa kümesini belirleyin: Test edilen sayfanın, tanımlı bir hiyerarşiye sahip ilişkili sayfalardan oluşan bir kümenin parçası olup olmadığını belirleyin (örneğin, çok seviyeli bir gezinme yapısı, adım adım ilerleyen bir sihirbaz veya kategorize edilmiş bir içerik kütüphanesi). Sayfa tek başına bir dokümansa, bu ölçüt geçerli olmayabilir.
2. Temel olarak otomatik bir tarama çalıştırın: Bir erişilebilirlik denetimi çalıştırmak için axe DevTools (tarayıcı uzantısı) veya Chrome DevTools içindeki Lighthouse’u kullanın. Bu araçların hiçbiri 2.4.8’i doğrudan denetlemese de, gezinme bağlantılarında eksik aria-current öznitelikleri, etiketlenmemiş <nav> işaretleri ve eksik içerik yolu yapısı gibi ilgili sorunları kontrol edin. Bu bulgular, manuel incelemeyi destekler ancak onun yerini almaz.
3. Görsel olarak bir konum mekanizması arayın: Bir içerik yolu izi, vurgulanmış veya görsel olarak ayırt edilebilir etkin bağlantı, bir adım sayacı veya bir site haritası bağlantısı arayın. Mekanizmanın, mevcut sayfanın site hiyerarşisindeki konumunu doğru şekilde yansıttığını doğrulayın.
4. Ekran okuyucu ile test edin — NVDA + Firefox: NVDA’yı açın, sayfaya gidin ve işaretler arasında gezinmek için D tuşuna basın. Gezinme işaret(ler)ini bulun ve mevcut sayfa veya bölüme dair herhangi bir gösterge olup olmadığını dinleyin. Etkin gezinme öğesinin farklı şekilde (örneğin, "current page" veya benzeri, genellikle aria-current="page" ile iletilir) duyurulup duyurulmadığını kontrol edin. Varsa içerik yolunda gezinin ve her seviyenin bağlantı metniyle duyurulduğunu ve mevcut konumun açıkça tanımlandığını doğrulayın.
5. VoiceOver + Safari (macOS/iOS) ile test edin: VoiceOver’ı etkinleştirin (Command + F5), VO + U kullanarak Rotor’u açın ve "Links" veya "Landmarks"ı seçerek içerik yoluna veya ana gezinmeye gidin. Etkin gezinme öğesinin veya içerik yolundaki mevcut öğenin nasıl duyurulduğunu dinleyin. Mevcut konumun diğer gezinme öğelerinden ayırt edilebilir olduğunu doğrulayın.
6. JAWS + Chrome ile test edin: Bağlantı Listesini açmak için Insert + F7 ve Başlıklar Listesini açmak için Insert + F6 kullanın. İçerik yolu veya gezinme alanına gidin ve mevcut sayfa veya bölümün programatik olarak tanımlanabilir olduğunu doğrulayın. aria-current özniteliğinin sesli okunduğunu kontrol edin (JAWS ilgili öğe için bunu "current" olarak duyurur).
7. Küme içindeki birden fazla sayfada test edin: Aynı bölüm veya hiyerarşi içinde en az üç ila beş sayfada gezinin ve konum mekanizmasının her sayfada doğru şekilde güncellendiğini ve küme genelinde tutarlı şekilde mevcut olduğunu doğrulayın.
8. DOM’u inceleyin: Tarayıcı geliştirici araçlarını kullanarak içerik yolu bağlantılarının açıklayıcı erişilebilir adlara sahip olduğunu, mevcut öğenin (mevcut sayfa için) aria-current="page" veya (bir süreçteki mevcut adım için) aria-current="true" kullandığını ve içerik yolunun aria-label="Breadcrumb" gibi erişilebilir bir etiketle bir <nav> öğesi içine sarıldığını kontrol edin.

Nasıl Düzeltilir

Eksik İçerik Yolu Gezinmesi — Hatalı

<!-- No breadcrumb or location indicator present.
     Users have no way to determine their location in the site hierarchy. -->
<nav aria-label='Main navigation'>
  <ul>
    <li><a href='/'>Home</a></li>
    <li><a href='/products'>Products</a></li>
    <li><a href='/products/laptops'>Laptops</a></li>
  </ul>
</nav>
<h1>15-inch Laptops</h1>

Eksik İçerik Yolu Gezinmesi — Doğru

<!-- A breadcrumb nav is added above the main content.
     aria-label distinguishes it from main navigation.
     aria-current="page" marks the current location for screen readers.
     The list structure communicates hierarchy. -->
<nav aria-label='Breadcrumb'>
  <ol>
    <li><a href='/'>Home</a></li>
    <li><a href='/products'>Products</a></li>
    <li><a href='/products/laptops'>Laptops</a></li>
    <li><a href='/products/laptops/15-inch' aria-current='page'>15-inch Laptops</a></li>
  </ol>
</nav>
<nav aria-label='Main navigation'>
  <ul>
    <li><a href='/'>Home</a></li>
    <li><a href='/products'>Products</a></li>
    <li><a href='/products/laptops'>Laptops</a></li>
  </ul>
</nav>
<h1>15-inch Laptops</h1>

Programatik Gösterge Olmadan Etkin Gezinme Bağlantısı — Hatalı

<!-- The active link is styled differently in CSS, but there is no
     programmatic signal. Screen reader users cannot distinguish it
     from the other navigation links. -->
<nav aria-label='Site navigation'>
  <ul>
    <li><a href='/about'>About</a></li>
    <li><a href='/services' class='active'>Services</a></li>
    <li><a href='/contact'>Contact</a></li>
  </ul>
</nav>

Programatik Gösterge Olmadan Etkin Gezinme Bağlantısı — Doğru

<!-- aria-current="page" is added to the active link.
     Screen readers will announce this link as "current" or "current page"
     depending on the assistive technology, giving users a clear
     programmatic location signal in addition to the visual styling. -->
<nav aria-label='Site navigation'>
  <ul>
    <li><a href='/about'>About</a></li>
    <li><a href='/services' class='active' aria-current='page'>Services</a></li>
    <li><a href='/contact'>Contact</a></li>
  </ul>
</nav>

Adım Göstergesi Olmayan Çok Adımlı Form — Hatalı

<!-- A multi-step checkout form with no indication of current step.
     Users cannot determine how far they are through the process
     or how many steps remain. -->
<form>
  <h1>Shipping Information</h1>
  <!-- form fields -->
  <button type='submit'>Next</button>
</form>

Adım Göstergesi Olmayan Çok Adımlı Form — Doğru

<!-- A progress indicator communicates the user's position in the sequence.
     aria-label on the nav provides context.
     aria-current="step" marks the active step for assistive technologies.
     The visible text "Step 2 of 4" is also available for all users. -->
<nav aria-label='Checkout progress'>
  <ol>
    <li><a href='/checkout/cart'>Cart</a></li>
    <li aria-current='step'><strong>Shipping</strong></li>
    <li>Payment</li>
    <li>Confirmation</li>
  </ol>
</nav>
<form>
  <h1>Shipping Information <span>(Step 2 of 4)</span></h1>
  <!-- form fields -->
  <button type='submit'>Next: Payment</button>
</form>

Yaygın Hatalar

• İçerik yolunu yalnızca ana sayfada veya yalnızca yaprak sayfalarda sunmak: İçerik yolu, küme içindeki tüm sayfalarda tutarlı şekilde mevcut olmalıdır. Yalnızca ürün detay sayfalarında gösterip kategori sayfalarında göstermemek, yönelim bilgisi açısından boşluklar yaratır.
• Görsel olarak stillendirilmiş etkin bağlantı kullanıp aria-current="page" eklememek: Kalın veya altı çizili etkin gezinme bağlantısı konumu görsel olarak iletir, ancak aria-current="page" o öğede bulunmadıkça ekran okuyucu kullanıcıları bu durumdan fayda sağlayamaz.
• İçerik yolunu bir <nav> öğesi yerine bir <div> içine sarmak: Anlamsal olmayan bir kapsayıcı kullanmak, içerik yolunun bir gezinme işareti olarak açığa çıkarılmaması anlamına gelir ve ekran okuyucu kullanıcılarının onu bulmasını ve yorumlamasını zorlaştırır.
• Ana gezinme işareti de varken içerik yolu <nav> öğesinden aria-label özniteliğini çıkarmak: Aynı sayfada etiketlenmemiş iki <nav> işareti olması belirsizlik yaratır. Ekran okuyucular her ikisini de yalnızca "navigation" olarak duyurabilir ve kullanıcılar bunları birbirinden ayırt edemez.
• Sayfa bağlantısında aria-current="page" yerine aria-current="true" kullanmak: page değeri, gezinme bağlamında mevcut sayfayı tanımlamak için anlamsal olarak doğru değerdir. true kullanmak daha az açıklayıcıdır ve yardımcı teknolojiler tarafından farklı veya daha az net şekilde duyurulabilir.
• Konumu belirtmek için yalnızca sayfa başlığına güvenmek: Açıklayıcı bir <title> öğesi (örneğin, "Laptops — 15-inch Models | Acme Store") faydalıdır ve WCAG 2.4.2 tarafından zorunludur, ancak sayfa kümesinin yapısı içindeki konumu değil yalnızca mevcut sayfanın adını ilettiği için tek başına 2.4.8’i karşılamaz.
• İçerik yollarını URL yapısını yansıtacak şekilde, gezinme hiyerarşisi yerine inşa etmek: URL’ler ve gezinme yapıları her zaman örtüşmez. İçerik yolları, kullanıcıların anlayacağı mantıksal bilgi mimarisini yansıtmalıdır; teknik veya anlaşılması güç olabilen URL yolunu değil.
• İçerik yolunu, üst seviye öğeler için bağlantı içermeyen düz metin olarak göstermek: Yalnızca mevcut sayfa gösteriliyorsa veya üst seviye öğeler bağlantı değilse, içerik yolu hem konum göstergesi hem de gezinme yardımı olarak işlevini kaybeder. Üst öğeler, kullanıcıların hiyerarşide yukarı doğru ilerleyebilmesi için bağlantı olmalıdır.
• Mevcut içerik yolu öğesini aria-current yerine yalnızca görsel bir ayırıcı değişikliğiyle işaretlemek: Son içerik yolu öğesinin rengini değiştirmek veya altını kaldırmak, ekran okuyuculara bunun mevcut sayfayı temsil ettiğini iletmez. aria-current="page" açıkça eklenmelidir.
• Tek sayfa uygulamalarında (SPA’ler) istemci tarafı gezinmeden sonra konum göstergesini güncellemeyi unutmak: React veya Vue gibi çerçevelerle oluşturulan SPA’lerde sayfa geçişleri tam tarayıcı yeniden yüklemesi olmadan gerçekleşir. İçerik yolu veya etkin gezinme göstergesi rota değişiminde programatik olarak güncellenmezse, eski konum bilgilerini gösterir; bu da hiç gösterilmemesinden daha kötüdür.

Türkiye’nin Erişilebilirlik Mevzuatıyla İlişkisi

21 Haziran 2025’te 32933 sayılı Resmî Gazete’de yayımlanan Türkiye Cumhurbaşkanlığı Genelgesi 2025/10, Türkiye’de faaliyet gösteren geniş bir kurum yelpazesi için bağlayıcı web ve mobil erişilebilirlik gereklilikleri getirir. Genelge, uluslararası kabul görmüş erişilebilirlik standartlarına uyumu zorunlu kılar — fiilen WCAG çerçevesini benimser — ve kamu kurum ve kuruluşları, e-ticaret platformları, bankalar ve finans kuruluşları, hastaneler ve sağlık hizmeti sağlayıcıları, 200.000 veya daha fazla abonesi olan telekomünikasyon şirketleri, lisanslı seyahat acenteleri, özel ulaşım şirketleri ve Millî Eğitim Bakanlığı (MoNE) tarafından yetkilendirilmiş özel okullar gibi tanımlı bir kurum setine uygulanır.

WCAG 2.4.8 Konum, Seviye AAA ölçütü olarak sınıflandırılır; bu da, asgari eşik olarak Seviye A ve Seviye AA uyumuna atıfta bulunan genelge kapsamında yasal olarak zorunlu temel ölçütler arasında olmadığı anlamına gelir. Ancak bu ayrım, mevzuat kapsamındaki kuruluşlar için birkaç önemli açıdan önem taşır.

İlk olarak, özellikle yaşlı hastalara yönelik sağlık portalları veya öğrenme güçlüğü olan öğrencilere yönelik eğitim platformları gibi, önemli bilişsel veya gezinme zorlukları yaşayan kullanıcılara hizmet veren belirli uzmanlaşmış hizmetlerin, Türk hukuku ve 5378 sayılı Engelliler Hakkında Kanun gibi ilgili mevzuat kapsamındaki erişilebilirlik yükümlülüklerinin ruhunu gerçekten karşılamak için AA taban çizgisinin ötesine geçmesi beklenebilir. Bu bağlamlarda 2.4.8’in uygulanması, yalnızca usule ilişkin değil, aynı zamanda kapsayıcılığa yönelik özlü bir taahhüdü gösterir.

İkinci olarak, Türk kamu kurumları ve düzenlemeye tabi özel kuruluşlar giderek artan şekilde denetim ve şikâyet mekanizmalarına tabidir. 2.4.8 de dâhil olmak üzere AAA düzeyinde uyumu göstermek, en iyi uygulama uygulamasına dair savunulabilir bir kayıt sağlar ve resmi bir erişilebilirlik şikâyeti durumunda düzenleyici riski azaltır.

Üçüncü olarak, özellikle e-ticaret platformları ve bankalar için, içerik yolu gibi konum göstergeleri erişilebilirlik işlevlerine ek olarak doğrudan ticari değere sahiptir. Açık adım göstergeleri ve içerik yolu gezinmesi içeren bir Türk bankasının çevrimiçi konut kredisi başvuru süreci, bilişsel engelli kullanıcıları daha etkili şekilde desteklemekle kalmayacak, aynı zamanda terk oranlarını azaltacak ve dönüşümü destekleyecektir — erişilebilirlik yatırımlarını ölçülebilir iş sonuçlarıyla uyumlu hâle getirecektir.

Accsible overlay SDK’sını kullanan kuruluşlar, mevcut siteleri tam kod tabanı yeniden düzenlemesi gerektirmeden 2.4.8 uyumuna daha da yaklaştırmak için yerleşik içerik yolu iyileştirme ve aria-current ekleme özelliklerinden yararlanabilir. Ancak, özellikle Cumhurbaşkanlığı Genelgesi 2025/10 kapsamındaki kuruluşlar için, tam ve sağlam uyum için anlamsal içerik yolu işaretlemesi ve gezinme göstergelerinin sunucu tarafında veya derleme zamanında uygulanması önerilen yaklaşımdır; zira overlay çözümleri temel erişilebilir işaretlemenin yerini değil, onu tamamlar.