Tutarlı Yardım

Kısaca

İnsanlar tıkandığında yardım arar. İletişim bağlantısı bir sayfada üst bilgide, diğerinde alt bilgideyse ya da sohbet düğmesi sürekli yer değiştiriyorsa, bulmakta en çok zorlananlar, yani bilişsel engelli kişiler vazgeçer.

WCAG 2.2 ile gelen bu kriter, bir web sayfası yardım mekanizmaları içeriyorsa ve bunlar bir sayfa kümesindeki birden çok sayfada tekrarlanıyorsa, kullanıcı bir değişiklik başlatmadıkça, diğer sayfa içeriğine göre aynı sırada yer almalarını ister.

Neleri kapsar?

• Dört mekanizma: İnsan iletişim bilgileri; telefon numarası, e-posta adresi ya da çalışma saatleri gibi. İnsan iletişim mekanizması; mesajlaşma sistemi, sohbet istemcisi, iletişim formu ya da sosyal medya kanalı gibi. Kendi kendine yardım seçeneği; güncel bir SSS, "Nasıl yapılır" sayfası ya da destek sayfası gibi. Tamamen otomatik iletişim mekanizması; sohbet robotu gibi.
• Yalnızca sunuyorsanız: Kriter yardım sunmanızı şart koşmaz. Yalnızca listelenen bir mekanizma bir kümenin birden çok sayfasında göründüğünde geçerlidir.
• Aynı göreli sıra: Yardım, diğer sayfa içeriğine göre aynı konumu korur. Yardımı içeren bir sayfaya bağlantı da, doğrudan sayfaya konan yardım da sayılır.
• Piksel değil, seri sıra: Önemli olan, sayfa seri hâle getirildiğinde içeriğin sırasıdır. Görsel konum, örneğin farklı kesme noktalarında, sayfa varyantları arasında değişebilir; ama farklı görsel konum daha az yararlıdır.
• Kullanıcının başlattığı değişiklikler: Yakınlaştırma, yön ya da görünüm alanı değişiklikleri sırayı değiştirebilir. Sayfalar arasında normal gezinme ya da oturum açıp kapatma bunlardan sayılmaz.
• Web sayfası kümesi: Ortak bir amacı olan, aynı yazar, grup ya da kuruluş tarafından oluşturulmuş sayfalar. Her küme ayrı değerlendirilir ve bir sayfadan indirilen PDF kümenin parçası değildir.
• Kapsam dışı: Gezinmenin tutarlı konumu 3.2.3'tür. Gereksiz tekrar girişi 3.3.7'dir.

Kimleri etkiler?

Yardımı her zaman aynı yerde olunca daha kolay bulan bilişsel engelli ve bellek sınırlaması olan kişiler. Yorgunluk yaşayan ve enerjisini göreve saklamak isteyenler. Yardımı konumundan bulan az görenler ve ekran okuyucu kullanıcıları. Bir süreçte tıkanıp hızla yardıma ihtiyaç duyan herkes.

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. Kolay bulunan yardım, "anlaşılabilirlik" ilkesinin parçasıdır.

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

Kriter WCAG 2.2 ile yeni olduğu için EN 301 549 V3.2.1'de yer almaz. Dokümanlar ve yazılım için geçerli satırları V4.1.1'in 10. ve 11. maddelerinde kontrol edin. 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ü: 3.2.6 kriteri WCAG 2.2'ye yenidir; bu yüzden WCAG 2.1'i esas alan EN 301 549 V3.2.1'in parçası değildir. EAA için hazırlanan ilk sürüm olan EN 301 549 V4.1.1'de (Eylül 2026) yer alır. V4.1.1 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 uygunluk karinesi sağlayacaktır.

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. Tutarlı yerde bir İletişim bağlantısı

Her sayfada aynı konumda iletişim bilgilerine bir bağlantı sağlayın (G220).

<!-- Ana sayfa: İletişim üst bilgide; iç sayfalar: İletişim yalnızca alt bilgide -->

<!-- Her sayfada alt bilgi, aynı seri konumda -->
<footer>
  <a href="/yardim">Yardım</a>
  <a href="/iletisim">Bize ulaşın</a>
</footer>

2. Yardım mekanizması için ortak şablon

Tek bir ortak düzene koyun; yer değiştiremez.

<!-- Yardım bağlantısı bazı sayfalara elle eklendi -->

<!-- layout.html -->
<header>…</header>
<main>{% block content %}{% endblock %}</main>
<footer>{% include "help-links.html" %}</footer>

3. Aynı sırada kalan sohbet bileşeni

Sohbet düğmesi insan iletişim mekanizması sayılır. Her sayfada sayfa sırasında aynı konumda tutun.

document.querySelector("main").prepend(chatBtn); // yalnızca bazı sayfalarda

<!-- Her sayfada gövdenin sonu -->
<button type="button" id="chat">Bizimle sohbet edin</button>

4. Kendi kendine yardım bağlantısı

SSS ya da destek sayfası bağlantısı da aynı kurala tabidir.

<!-- SSS bağlantısı bazı sayfalarda kenar çubuğunda, bazılarında üst bilgide -->

<nav aria-label="Destek">
  <a href="/sss">Sık sorulan sorular</a>
  <a href="/destek">Destek</a>
</nav>

5. Açılır bir bileşen içinde yardım

Bazı sayfalarda açılır bileşen içinde, bazılarında görünür yardım bağlantısı geçebilir; ama sürekli görünür bir bağlantı daha iyidir (G220).

<!-- Yardım bağlantısı her sayfada farklı bir yerde -->

<details>
  <summary>Yardıma mı ihtiyacınız var?</summary>
  <a href="/iletisim">Bize ulaşın</a>
</details>

6. Kapatılabilen sohbet robotu

Tamamen otomatik iletişim mekanizmasının da aynı yerde kalması ve kolay kapatılması gerekir.

<!-- Sohbet robotu her sayfada sayfanın farklı bir yerinde açılıyor -->

<aside aria-label="Sanal asistan">
  <button type="button">Asistana sorun</button>
  <button type="button">Kapat</button>
</aside>

Mobil için kod örnekleri

Uygulamada yardım girişini ekranlar arasında aynı yerde tutun; örneğin araç çubuğunda aynı konum ya da ekran sırasında aynı konum. Tek bir ortak bileşen kullanın.

iOS (SwiftUI)

import SwiftUI

// Ortak bir değiştirici, yardım düğmesini her ekranda aynı araç çubuğu konumuna koyar
extension View {
    func helpToolbar(_ action: @escaping () -> Void) -> some View {
        toolbar {
            ToolbarItem(placement: .topBarTrailing) {
                Button("Yardım", action: action)
            }
        }
    }
}

Android (Jetpack Compose)

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

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun AppTopBar(title: String, onHelp: () -> Unit) {
    // Tek bir ortak üst çubuk; Yardım her ekranda aynı yerde
    TopAppBar(
        title = { Text(title) },
        actions = { TextButton(onClick = onHelp) { Text("Yardım") } }
    )
}

Nasıl test edilir?

• Yardım mekanizmalarını bulun: Birden fazla sayfada görünen iletişim bilgilerini, iletişim formlarını, sohbeti, SSS'leri, destek sayfalarını ve sohbet robotlarını listeleyin.
• Sırayı karşılaştırın: Her sayfada mekanizma diğer sayfa içeriğine göre nerede duruyor? Aynı mı?
• Aynı varyantta karşılaştırın: Aynı yakınlaştırma düzeyinde, yönde ve görünüm alanı boyutunda test edin.
• Kaynak sırasını kontrol edin: İşaretlemedeki sıraya bakın ya da sayfada sekmeyle gezin. Her sayfada aynı olmalıdır.
• Farklı kümeleri kontrol edin: Her kümeyi ayrı değerlendirin. Bir ödeme akışı ya da başka bir dil sürümü kendi kümesi olabilir.
• Kullanıcının başlattığı değişiklikleri kontrol edin: Yakınlaştırın ya da döndürün. Bu eylemin yol açtığı değişikliğe izin verilir.
• Denetleyiciyi başlangıç olarak kullanın: Otomatik araçlar sayfaları karşılaştıramaz. Yardımın nerede durduğunu bir kişi karşılaştırmalıdır.

Sık yapılan hatalar

• Farklı sayfalarda farklı yerde yardım: W3C'nin "Tutarsız Yardım Konumu" dediği hata.
• Bazı sayfalarda üst bilgide, bazılarında alt bilgide iletişim bağlantısı: Klasik durum.
• Yalnızca bazı sayfalarda görünen sohbet bileşeni: Ya da farklı sırada.
• Yalnızca görsel konuma güvenmek: Seri sıra da aynı olmalıdır.
• Aynı küme için farklı şablonlar: Birbiriyle ilgisiz düzenlerden oluşturulmuş tek kümedeki sayfalar.
• Giriş sayfalarını muaf saymak: Oturum açıp kapatmak, sıranın kullanıcı tarafından başlatılan bir değişikliği değildir.
• Kendi kendine yardım bağlantılarını unutmak: SSS ve destek bağlantıları da kapsamdadır.
• Yardımın zorunlu olduğunu sanmak: Kriter, yalnızca birden çok sayfada bir mekanizma sunuyorsanız geçerlidir.

Kaynaklar

• Understanding SC 3.2.6: Consistent Help (W3C), İngilizce, yeni sekmede açılır
• G220: Provide a contact-us link in a consistent location (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.