Ana içeriğe geç

2.4.9 Bağlantı Amacı

Her bağlantının amacı, çevresindeki bağlama ihtiyaç duymadan yalnızca bağlantı metninden anlaşılabilmelidir.

SC Kodu: 2.4.9 Seviye: AAA
URL: https://www.w3.org/TR/WCAG22/#link-purpose-link-only

Genel Tanım​

WCAG 2.4.9, bir bağlantının (linkin) amacının, yalnızca bağlantı metninden anlaşılabilir olmasını gerektirir. Kullanıcının bağlantının ne işe yaradığını anlamak için ek bağlam bilgisine ihtiyaç duymaması gerekir.

Faydalar​

  • Ekran Okuyucu Uyumu: Bağlantı listesinde anlam kaybı yaşanmaz.
  • Netlik: Kullanıcı bağlantıya tıklamadan önce neyle karşılaşacağını bilir.
  • Erişilebilirlik: Bilişsel zorluk yaşayan kullanıcılar için daha anlaşılır içerik sunar.

Kapsam

  • Metin bağlantıları
  • Buton görünümlü linkler
  • Navigasyon menüleri
  • Kart içi “Devamı” bağlantıları

Ana Amaç​

Bu kriterin temel amacı, özellikle ekran okuyucu kullanıcılarının ve bağlantıları liste halinde görüntüleyen yardımcı teknolojilerin, her bağlantının hedefini açıkça anlayabilmesini sağlamaktır.

Gereksinimler

  • Bağlantı metni tek başına anlamlı olmalıdır
  • “Tıklayın”, “Buraya”, “Devamı” gibi belirsiz ifadeler kullanılmamalıdır
  • Bağlantının hedefi açık ve açıklayıcı olmalıdır

En İyi Uygulamalar​

  • Açıklayıcı bağlantı metni yazın.
  • Gerekirse bağlantı metnine konu ekleyin.
  • Aynı sayfada birden fazla benzer bağlantı varsa her biri farklı ve net olmalıdır.
  • İkon bağlantılarda aria-label kullanın.

Örnekler ve Açıklamalar​

Örnek: Uygun Bağlantı​

HTML/CSS

<a href="/wcag-2-4-9-detay">WCAG 2.4.9 Bağlantı Amacı Kriteri Detayları</a>

Bu bağlantının amacı yalnızca metninden anlaşılmaktadır.

Nelerden Kaçınılmalı?

HTML/CSS

<a href="/wcag-2-4-9-detay">Buraya tıklayın</a>

Açıklama:

“Buraya tıklayın” ifadesi bağlantının nereye gittiğini açıklamaz. Ekran okuyucu kullanıcıları bağlantı listesini dinlediğinde anlam kaybı yaşar. Bu durum WCAG 2.4.9 kriterini karşılamaz.

Ne Yapılmalı?

HTML/CSS

<a href="/wcag-2-4-9-detay">
  WCAG 2.4.9 Bağlantı Amacı (Yalnızca Bağlantı) açıklamasını okuyun
</a>

Açıklama:

Bu bağlantı, hedef içeriği açıkça belirtmektedir ve tek başına anlamlıdır. WCAG 2.4.9 kriterini karşılar.