Bağlantı Amacı (Bağlamda)

Kısaca

Ekran okuyucu kullanıcıları çoğu zaman sayfadaki tüm bağlantıların listesini açıp tararlar. "Devamını oku", "Buraya tıklayın", "Devamını oku", "Buraya tıklayın" diye giden bir liste işe yaramaz. Gören kullanıcılar da anlamlı bağlantıları tarar.

Bu kriter, her bağlantının amacının yalnızca bağlantı metninden ya da bağlantı metni ile programlı olarak belirlenebilen bağlantı bağlamından anlaşılabilmesini ister; amacın kullanıcılar genelinde belirsiz olduğu durumlar hariç.

Neleri kapsar?

• Bağlantı metni: Bağlantının nereye gittiğini ya da ne yaptığını söyleyen metin yazın. Kriteri karşılamanın en iyi yolu budur (G91, H30).
• Bağlantı bağlamı: Bağlam, programlı olarak belirlenebiliyorsa sayılır: bağlantıyı içeren cümle, paragraf, liste öğesi ya da tablo hücresi ve o hücreyle ilişkili tablo başlıkları.
• Erişilebilir ad teknikleri: aria-label ya da aria-labelledby bir bağlantıya daha eksiksiz bir ad verebilir (ARIA8, ARIA7). Görsel olarak gizlenmiş metin de aynısını yapabilir (C7).
• Görsel bağlantılar: Bir görsel bağlantının tek içeriğiyse metin alternatifi bağlantı metnidir.
• İstisna: Amacı kullanıcılar genelinde belirsiz olan bağlantılar; örneğin bağlantıların "kapı 1", "kapı 2" ve "kapı 3" dediği bir oyunda olduğu gibi amacın kasıtlı gizlendiği durumlar.
• İhlaller: Bağlamı yalnızca bağlantıyla ilgisiz içerikte vermek (F63) ve tek içeriği bir görsel olan, erişilebilir adı olmayan bağlantı (F89).
• Kapsam dışı notlar: Erişilebilir ad görünür metni de içermelidir; bu 2.5.3'tür. Bağlam yardımı olmadan yalnızca bağlantı metninin amacı açıkça belirttiği daha sıkı sürüm 2.4.9'dur (AAA düzeyi).

Kimleri etkiler?

Bağlantı listesiyle gezinen ekran okuyucu kullanıcıları. Benzersiz, söylenebilir bağlantı adlarına ihtiyaç duyan ses denetimi kullanıcıları. Harekete geçmeden önce ne olacağını bilmesi gereken bilişsel engelli kişiler. Özellikle küçük ekranda sayfada bağlantı arayan 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. Anlaşılır bağlantı metni, "işletilebilirlik" ilkesinin parçasıdır.

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

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. 2.4.4 kriterinin metni WCAG 2.1 ve 2.2'de aynıdı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. Açıklayıcı bağlantı metni

Bağlantı metni tek başına okunduğunda anlamlı olmalıdır.

Yıllık raporu indirmek için <a href="/rapor.pdf">buraya tıklayın</a>.

<a href="/rapor.pdf">Yıllık raporu indirin (PDF, 2 MB)</a>

2. "Devamını oku" bağlantıları

Aynı "Devamını oku" bağlantılarından oluşan bir liste anlamsızdır. Konuyu erişilebilir ada ekleyin.

<h3>Bahar indirimi</h3>
<p>%40'a varan indirim.</p>
<a href="/indirim">Devamını oku</a>

<h3>Bahar indirimi</h3>
<p>%40'a varan indirim.</p>
<a href="/indirim">Devamını oku<span class="gorsel-gizli"> bahar indirimi hakkında</span></a>

3. Cümleden ya da liste öğesinden bağlam

Aynı cümle, paragraf, liste öğesi ya da tablo hücresindeki bağlam kabul edilir, ama kendi başına anlaşılır bir bağlantı daha iyidir.

<p>Politikamız <a href="/gizlilik">sayfada</a> yer alıyor.</p>

<p><a href="/gizlilik">Gizlilik politikamızı</a> okuyun.</p>

4. Tablolardaki bağlantılar

Bir bağlantı bağlamını hücresiyle ilişkili tablo başlığından alabilir.

<tr><td>Mart faturası</td><td><a href="/fatura/3">Görüntüle</a></td></tr>

<tr><td>Mart faturası</td>
    <td><a href="/fatura/3" aria-label="Mart faturasını görüntüle">Görüntüle</a></td></tr>

5. Görsel bağlantılar

Bir görsel bağlantının tek içeriğiyse alt metni bağlantının nereye gittiğini söylemelidir.

<a href="/sepet"><img src="sepet.svg" alt="simge"></a>

<a href="/sepet"><img src="sepet.svg" alt="Alışveriş sepeti, 3 ürün"></a>

6. Aynı metin, farklı hedefler

Aynı metne sahip iki bağlantı aynı yere gitmelidir. Gitmiyorsa adlarını farklı yapın.

<a href="/tr">İletişim</a> <a href="/de">İletişim</a>

<a href="/tr">İletişim (Türkiye)</a> <a href="/de">İletişim (Almanya)</a>

Mobil için kod örnekleri

Yerel uygulamalarda aynısı bağlantılar ve dokunulabilir metin ile düğmeler için geçerlidir. Ekran okuyucu kullanıcıları bunlar arasında teker teker gezdiği için her birine tek başına okunduğunda anlamlı bir ad verin.

iOS (SwiftUI)

import SwiftUI

struct IndirimKarti: View {
    var body: some View {
        VStack(alignment: .leading) {
            Text("Bahar indirimi").font(.headline)
            Text("%40'a varan indirim")

            // Kaçının: tek başına okunduğunda bağlamı olmayan Link("Devamını oku", ...)
            Link("Devamını oku", destination: URL(string: "https://example.com/indirim")!)
                .accessibilityLabel("Bahar indirimi hakkında devamını oku")
        }
    }
}

Android (Jetpack Compose)

import androidx.compose.foundation.clickable
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier

@Composable
fun IndirimKarti(onAc: () -> Unit) {
    // Kaçının: tek başına okunduğunda hiçbir şey ifade etmeyen çıplak bir "Devamını oku"
    Text(
        text = "Devamını oku",
        modifier = Modifier.clickable(
            onClickLabel = "Bahar indirimi hakkında devamını oku",
            onClick = onAc
        )
    )
}

Nasıl test edilir?

• Bağlantıları listeleyin: Ekran okuyucunun bağlantı listesini açın (örneğin NVDA Insert+F7 ya da VoiceOver rotoru). Her bağlantı tek başına anlamlı mı?
• Yinelenenleri bulun: Birkaç bağlantı aynı metni paylaşıp farklı yerlere mi gidiyor?
• Belirsiz metin arayın: "Buraya tıklayın", "devamını oku", "daha fazla", "burada", "bağlantı" ve çıplak URL'leri arayın.
• Bağlamı kontrol edin: Bir bağlantı bağlama ihtiyaç duyuyorsa bu bağlam aynı cümlede, paragrafta, liste öğesinde ya da tablo hücresinde mi?
• Görsel bağlantıları kontrol edin: Her yalnızca görselden oluşan bağlantının hedefini anlatan bir alt metni var mı?
• Ses denetimini kontrol edin: Her bağlantıyı görünür adını söyleyerek etkinleştirebiliyor musunuz ve ad benzersiz mi?
• Mobili kontrol edin: Ekranda bir ekran okuyucuyla kaydırarak gezinin. Dokunulabilir her öğe ne yapacağını söylüyor mu?
• Denetleyiciyi başlangıç olarak kullanın: Otomatik araçlar boş bağlantıları ve bazı genel ifadeleri bulur, ama bağlantı metninin anlamlı olup olmadığını söyleyemez.

Sık yapılan hatalar

• "Buraya tıklayın" ve "devamını oku": Defalarca tekrarlanan klasik ihlal.
• Bağlantı metni olarak çıplak URL'ler: Bir ekran okuyucu URL'yi harf harf okur.
• Adı olmayan simge bağlantıları: Boş alt metinli bir görsel bağlantı "bağlantı" diye duyurulur.
• İlgisiz bir yerdeki bağlam: Bağlantıdan uzaktaki bir başlık sayılmaz (F63).
• Farklı hedefler, aynı metin: Kullanıcılar bağlantıları birbirinden ayıramaz.
• Görünür metni yok sayan aria-label: Ses kullanıcıları gördüklerini söyler ve bu eşleşmez (2.5.3).
• Tek açıklama olarak title özniteliği: Tüm kullanıcılar için güvenilir biçimde erişilebilir değildir.
• Aşırı uzun bağlantı metni: Bir bağlantı bir listede okunabilecek kadar kısa olmalıdır.

Kaynaklar

• Understanding SC 2.4.4: Link Purpose (In Context) (W3C), İngilizce, yeni sekmede açılır
• G91: Providing link text that describes the purpose of a link (W3C), İngilizce, yeni sekmede açılır
• F63: Failure of Success Criterion 2.4.4 due to providing link context only in content that is not related to the link (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.