Bağlantı Metni Nasıl Yazılır? Devamını Oku Yerine

Bir bağlantının metni, tek başına okunduğunda nereye gittiğini söylemelidir. "Devamını oku", "tıklayın" veya "buraya" gibi ifadeler bu testten geçmez; "Renk kontrastı eşikleri rehberini okuyun" gibi bir ifade geçer. Hem WCAG 2.2'nin 2.4.4 başarı ölçütü hem de Google'ın bağlantı belgesi aynı yöne bakar: amaç belli, metin açıklayıcı ve doğal olmalı. İçerik editörleri, site sahipleri, SEO uzmanları ve bileşen yazan geliştiriciler için işe yarar.

İki kaynağın amacı farklıdır ve bu fark önemlidir. WCAG, bağlantının amacını kullanıcıların anlayabilmesini ister; Google, tarayıcı için bağlantının bulunabilir ve anlaşılabilir olmasını. Sıralama garantisi hiçbirinde yoktur. Bağlantı metnini düzeltmenin gerekçesi, okurun ve yardımcı teknolojinin sayfayı doğru kullanabilmesidir.

Bağlantı amacı metinden anlaşılmalı

WCAG 2.4.4 ne söylüyor?

Link Purpose (In Context) açıklama sayfası (yeni sekmede açılır), her bağlantının amacının ya yalnızca bağlantı metninden ya da bağlantı metni ve programatik olarak belirlenebilen bağlamdan anlaşılabilmesini ister. Bağlantı amacı, sayfanın tanımıyla, bağlantıyı etkinleştirince elde edilen sonucun niteliğidir. İstisna, amacın kullanıcılar için genel olarak belirsiz olduğu durumdur: sayfa bunu "amaç bağlantıdan ve sayfadaki tüm bilgilerden belirlenemiyorsa" diye tarif eder.

Bu ölçüt A düzeyindedir. Yani kullanıcının bağlantıyı izleyip izlemeyeceğine karar verebilmesi temel bir erişilebilirlik beklentisidir. Sayfaya göre açıklayıcı bağlantı metni, yardımcı teknolojilerin bağlantı listesinde gezinmeyi ve sekme tuşuyla ilerlemeyi destekler.

Bağlam hangi öğelerle kurulur?

Sayfa programatik olarak belirlenebilen bağlamı şöyle açıklar: HTML'de bağlantıyla aynı paragraftaki, aynı liste maddesindeki veya aynı tablo hücresindeki metin ve o hücreyle ilişkili tablo başlık hücresi. Ayrıca ekran okuyucuların, odaktaki bağlantıyı içeren cümleden noktalama yardımıyla bağlam sağlayabildiği yazılır. Bu nedenle "Devamını oku" ifadesinin, hemen üstündeki paragrafın konusunu anlattığı bir yerleşimde, ölçütün dilinde kabul edilebilir bir desen sayıldığı görülür: sayfa, amacı paragraf bağlamından anlaşılan bir "Read more" bağlantısını kabul edilebilir kalıplar arasında sayar.

Bu kabul edilebilirliğin sınırı vardır. Sayfa, bağlamın bağlantıdan önce gelmesinin daha iyi olduğunu söyler; ekran okuyucu kullanıcıları yukarıdan aşağı okur. Belirsiz bir metin kullanmak zorundaysanız onu hedefi anlatan bir cümlenin sonuna koyun. Bağlam yalnızca bağlantıyla ilgisiz içerikte duruyorsa (F63) bu bir başarısızlıktır.

Google'ın bakışı: iyi bağlantı metni nasıl olmalı?

Google'ın bağlantı belgesi (yeni sekmede açılır) iyi bağlantı metnini şöyle tanımlar: açıklayıcı, makul ölçüde kısa ve hem kaynak hem hedef sayfayla ilgili. Belge bir test de verir: bağlantı metnini tek başına okuyun, bağlamsız anlamsız geliyorsa daha açıklayıcı olmalıdır. "Click here", "read more", "website" ve "article" gibi genel ifadelerden kaçınmayı önerir. Metnin doğal yazılmasını, anahtar kelimenin zorla yerleştirilmemesini ve çevre sözcüklerin de önemli olduğunu belirtir.

Bu belgedeki "anchor text" site içi ve site dışı bağlantıların hepsini kapsar. Dış sitelerden gelen bağlantı metinlerinin dağılımı ayrı bir konudur ve anchor text stratejisi yazısında işlenir; burada konu, kendi sayfalarınızdaki bağlantıların okunabilirliğidir.

Belirsizliğin kabul edilen tek durumu

Açıklama sayfası bir örnek verir: "Önemli ihraç ürünlerinden biri guavadır" cümlesinde "guava" sözcüğü bir bağlantıdır. Bağlantı bir tanıma, ihracat grafiğine veya bir fotoğrafa gidebilir. Hedef herkes için belirsiz olduğundan bu durum istisna kapsamındadır. Yani kural, "hiç belirsiz bağlantı olmasın" demez; kullanıcıların genel olarak tahmin edemeyeceği hedefler için muafiyet tanır. Bir makale editörü için çıkarım şudur: bağlantının nereye gittiği, sayfayı okuyan biri için tahmin edilebilir olmalı; tahmin edilemiyorsa metin değişir.

Zayıf link örnekleri ve düzeltmeleri

Sık görülen kalıplar

Aşağıdaki tablo, makale ve kart bileşenlerinde karşınıza çıkabilecek zayıf bağlantı kalıplarını ve düzeltmelerini karşılaştırır. Kalıplar, WCAG ve Google ilkelerinin uygulamasıdır; tablodaki yeniden yazımlar uygulama önerisidir.

"Tıklayın" neden kötü bir fiil?

"Tıklayın" yalnızca fare kullanan bir okuru varsayar; dokunmatik, klavye ve ekran okuyucu kullanıcıları için bile eylemi anlatır ama hedefi anlatmaz. Güçlü bağlantı, hedefin adını veya sonucunu verir. Sayfa, 2.4.4'ün hedefini "bağlantıyı etkinleştirince elde edilen sonucun niteliği" olarak tanımlar; "tıklayın" bu sonucu söylemez. Cümleyi baştan kurmak en kolay düzeltmedir: "Daha fazla bilgi için tıklayın" yerine "İade koşullarını inceleyin" yazın.

Tek sözcüklü ve çok uzun bağlantılar

Google'ın belgesi iki uç konusunda uyarır: genel tek sözcüklü ifadeler ve gereğinden uzun bağlantı metni. İdeal bir sözcük sayısı yazmaz; "makul ölçüde kısa" der. Uygulama önerisi: bağlantı metnini hedefin konusunu anlatan ad öbeği ya da kısa bir fiil öbeği olarak kurun, tüm cümleyi bağlantıya çevirmeyin.

Yan yana bağlantılar

Google, birkaç bağlantıyı yan yana yerleştirmekten kaçınmayı ve aralarını bağlamla açmayı önerir. Makale sonunda üç dört bağlantıyı virgülle dizmek bu uyarıya girebilir. Yan yana bağlantıların her biri kendi başına açıklayıcı olmalı ve bir sözcük veya cümle ile ayrılmalıdır; "İlgili rehberler" başlığı altındaki bir liste, madde başına bir bağlantı ve kısa bir açıklama ile bunu çözer.

Görsel bağlantılar ve boş bağlantılar

Google'ın belgesine göre bağlantı metni boş olmamalıdır. a öğesi boşsa Google title niteliğine başvurabilir; görsel bağlantılarda ise görselin alt niteliğini bağlantı metni olarak kullanır ve boş alt metin kötü uygulamadır. WCAG tarafında F89 başarısızlığı, bağlantının tek içeriği olan görselin erişilebilir adı olmamasını sayar. İkisi birlikte okunduğunda kural açıktır: yalnızca görselden oluşan bağlantıda alt metin, hedefi anlatmalıdır. Görsel alt metninin genel yazımı okunabilir içerik biçimlendirme rehberiyle birlikte düşünülmelidir.

Kartlarda tekrarlayan "devamını oku" sorunu

Sorun neden kart listesinde büyür?

Blog dizin sayfasında yirmi kart varsa ve her birinin sonunda "Devamını oku" yazıyorsa, bağlantıları listeleyen bir yardımcı teknoloji aynı ifadeyi yirmi kez okur. Sayfa buna karşı iki ilke verir: aynı hedefe giden bağlantılar tutarlı metin kullanmalı, farklı hedeflere giden bağlantılar farklı metin kullanmalıdır. Yirmi farklı hedefe giden yirmi aynı metin bu ikinci ilkeyi ihlal eder.

Aynı sayfa, "Read more" bağlantısının amacının paragraf bağlamından anlaşıldığı bir deseni kabul edilebilir sayar. Kart yerleşiminde bağlam, kartın başlığı ve özetidir. Fakat bu bağlam yalnızca görsel olarak yakınlıkla kuruluysa, yardımcı teknolojinin kullandığı programatik ilişkiyi sağlamaz. Bağlantı ve başlık aynı paragraf, liste maddesi ya da tablo hücresi içinde değilse, bağlam programatik olarak belirlenemeyebilir.

Üç düzeltme yolu

Birinci yol, bağlantının metnini kartın başlığı yapmaktır. Başlık zaten hedefin adıdır; "Devamını oku" düğmesi görsel bir yineleme olarak kalır ya da kaldırılır. İkinci yol, görünür "Devamını oku" metnini korumak ama ona ek bir erişilebilir ad vermektir. Sayfa bunun için ARIA7 (aria-labelledby), ARIA8 (aria-label) ve C7 (bağlantı metninin bir bölümünü CSS ile gizleme) tekniklerini yeterli teknikler arasında sayar. Üçüncü yol, kartın tamamını tek bağlantıya çevirmektir; bu durumda bağlantının içeriği başlık, özet ve görseli içereceğinden uzun bir erişilebilir ad doğar. Bu yolu seçerseniz bağlantı içeriğini kısa tutun ve başlığı öne alın.

Uygulama önerisi: dizin sayfalarında birinci yolu varsayılan yapın. Kartın başlığı bağlantı olur, görünür "Devamını oku" ifadesi gerekiyorsa ikinci yolla başlığa bağlanır. Böylece görsel tasarım korunur ve bağlantı listesi anlamlı hale gelir.

Aynı hedef, aynı metin

Aynı rehbere sayfada iki yerde bağlantı veriyorsanız ikisini de aynı metinle yazın. Sayfa, aynı hedefe giden bağlantıların tutarlı metin kullanmasını önerir. Google'ın iç bağlantı bölümü de ilgili kaynaklara bağlam içinde ve açıklayıcı bağlantı metniyle bağlantı vermeyi önerir. Aşırı bağlantıdan da uzak durun: belge ideal bir bağlantı sayısı vermez ama aşırı sayının sorun olabileceğini söyler. İç bağlantı planı için iç linkleme stratejisi yazısına bakın.

Görünür metin ile erişilebilir ad uyumu

Görünür metin ve erişilebilir ad birbirinden uzaklaşmasın

Erişilebilir ad, yardımcı teknolojinin bağlantı için okuduğu addır. Bağlantı yalnızca metinden oluşuyorsa ad görünür metinle aynıdır. ARIA7 ve ARIA8 gibi teknikler adı değiştirebildiği için görünürle erişilebilir ad arasında fark oluşabilir. Link Purpose sayfası bu uyum için ayrı bir kural koymaz. Uygulama önerisi: erişilebilir ad, görünür metni içersin ve ona ek bilgi katsın; örneğin görünür "Devamını oku" için ad "Devamını oku: iade koşulları" olsun. Sesle denetim veya ekran okuyucuyla aranan görünür metin ad içinde yer alırsa kullanıcı şaşırmaz.

Simge ve metin tek bağlantıda

Sayfa, simge ile metnin tek bağlantıda birleştirildiği ve simgenin boş alt metin taşıdığı deseni kabul edilebilir örnekler arasında sayar. Yani bağlantının içinde hem "PDF" simgesi hem "Rehber" metni varsa, simgeye alt="" vermek yinelemeyi önler. Simge tek başınaysa ve başka metin yoksa alt metin zorunludur (F89).

Ek biçim bağlantıları

Sayfanın kabul ettiği bir başka desen: bir kitap başlığı bağlantısının ardından gelen "PDF" ve "mp3" gibi ilgili bağlantılar, başlığın sağladığı ortak bağlamdan yararlanabilir. Makale sayfasındaki karşılığı, bir raporun başlığı bağlantı olarak verildikten sonra "PDF indir" bağlantısının aynı liste maddesinde durmasıdır.

Title niteliği ne işe yarar?

WCAG sayfası, bağlantı metnini title niteliğiyle desteklemeyi (H33) yeterli teknikler arasında sayar. Google ise a öğesi boşsa title niteliğine başvurabileceğini söyler. Bu iki bilgi title'ı görünür bağlantı metninin yerine koymak için yeterli değildir. Uygulama önerisi: title'ı ek bilgi için kullanın, görünür açıklayıcı metnin yerine koymayın ve önemli bilgiyi yalnızca fare imleci üzerine geldiğinde görünen ipucuna bırakmayın.

Yeni pencerede açılan bağlantılar

Sayfa, yeni pencere açılacağına dair uyarıyı (G201) tavsiye niteliğindeki teknikler arasında sayar. Bağlantı yeni bir sekmede açılıyorsa bunu bağlantı metninin içinde veya hemen yanında söylemek, kullanıcının sürprizle karşılaşmasını önler.

Makale metninde bağlantı cümlesi kurmak

Cümleyi bağlantıya göre kurun

Uygulama önerisi: bağlantıyı cümle bittikten sonra eklemeyin. Tipik akış şöyle olur: yazar cümlesini bitirir, sonra sonuna "daha fazla bilgi için tıklayın" ekler. Tersini deneyin. Önce hedefin ne olduğuna karar verin, sonra cümleyi o hedefin adını doğal biçimde taşıyacak şekilde yazın. "Kargo koşulları hakkında daha fazla bilgi için tıklayınız" yerine "Kargo ve iade koşulları sayfasında teslimat süreleri açıklanıyor" cümlesinde bağlantıyı "kargo ve iade koşulları sayfasında" öbeğine verin. Bağlantı metni hem hedefi söyler hem cümlenin akışını bozmaz.

Google'ın belgesi, çevre sözcüklerin de önemli olduğunu ve metnin doğal yazılması gerektiğini söyler. Bu iki ilke birlikte, bağlantı öbeğinin cümlenin dilbilgisel parçası olmasını önerir: özne, nesne veya tümleç. Cümleden çıkarıldığında anlamsız kalan bir bağlantı öbeği sonradan eklenmiş izlenimi verir. Uygulama önerisi: cümleyi bağlantıdan bağımsız okuyup anlamın bozulup bozulmadığına bakın; bu kolay bir testtir.

Bağlantıyı bağlamın sonuna koymak

Link Purpose sayfası, belirsiz bir metin kullanmak zorundaysanız bağlamı bağlantıdan önce vermenizi önerir; çünkü ekran okuyucu kullanıcıları yukarıdan aşağı okur. Örneğin "Teslimat sürelerinin tablosu için buraya bakın" cümlesinde "buraya" geç gelen bir belirsizliktir. "Teslimat süreleri tablosunu inceleyin" ise bağlamı ve bağlantıyı aynı öbeğe toplar. Her iki cümle de dilbilgisel olarak doğrudur; ikincisi ölçütün tarif ettiği ilkeye daha yakındır.

Liste biçiminde ilgili okumalar

Makale sonlarında "ilgili yazılar" gibi bir liste kullanıyorsanız her madde kendi başına açıklayıcı olmalıdır. Sayfa, liste maddesinin programatik bağlam sağladığını yazar; bu nedenle liste maddesinde bağlantının yanındaki kısa açıklama bağlama dahildir. Yine de maddenin bağlantı kısmını hedef başlığı ya da konusu olarak yazın. Böylece hem bağlantı listesinde gezen kullanıcı hem de Google'ın "metni tek başına okuyun" testi bağlantıyı anlar.

Tablo hücresinde bağlantı

Sayfa, tablo hücresindeki metnin ve o hücreyle ilişkili tablo başlık hücresinin de programatik bağlam sağladığını söyler. Bu, bir fiyat tablosunda "İncele" bağlantılarının satır ve sütun başlığıyla ilişkilendirilebilmesi anlamına gelir. Ancak bu ilişkinin kurulabilmesi için tablonun gerçek başlık hücreleriyle işaretlenmiş olması gerekir. Başlıksız bir düzen tablosunda "İncele" bağlantılarının hepsi aynı kalır. Uygulama önerisi: tabloda bağlantıyı satırın adını taşıyan hücreye verin ve ayrı bir "İncele" sütununu gereksiz kılın.

Denetim: bağlantıları nasıl sınarsınız?

Bağlantı listesi testi

Bir sayfadaki bağlantıların yalnızca metinlerini alt alta yazın. Liste halinde okunduğunda "devamını oku" tekrarları, "buraya" ve tek sözcüklü genel ifadeler hemen görünür. Bu test iki kaynağın ortak noktasını uygular: WCAG, yardımcı teknolojilerin bağlantı listesiyle gezinme kullanımını açıkça anar; Google ise bağlantı metnini tek başına okuma testini önerir. Testi bir şablon için bir kez uygulamak, o şablonu kullanan bütün sayfalara yayılır.

JavaScript ile eklenen bağlantılar

Google'ın belgesi, JavaScript ile eklenen bağlantıların da aynı a href işaretlemesiyle taranabilir olduğunu, ancak bağlantı metni JavaScript ile ekleniyorsa bunun işlenmiş HTML'de göründüğünün URL Denetleme Aracı ile doğrulanması gerektiğini söyler. Kart listesi istemci tarafında çiziliyorsa bu kontrol önemlidir. Ayrıca belge, routerLink, span href ve href olmayan onclick kullanımını önermez ve javascript: adreslerini tavsiye etmez. Bir bağlantının erişilebilir ve taranabilir olması iki ayrı konudur; ikisini birlikte sağlayan yapı gerçek bir a href öğesidir.

Düzeltmeyi kalıcı kılmak

Bağlantı metni kuralını stil kılavuzuna iki cümleyle yazın: "Bağlantı metni, tek başına okunduğunda hedefi söyler" ve "Aynı hedef aynı, farklı hedef farklı metinle yazılır". Kart bileşeni için de bir şablon bırakın: başlık bağlantı olur, görünür düğme metni başlığa aria-labelledby ile bağlanır. Taslak onayında bağlantı listesi testini bir kontrol maddesi yapmak, sorunların yayına çıkmadan yakalanmasını sağlar.

Özel durumlar: menü, sayfalama, indirme ve sosyal simgeler

Önceki ve sonraki bağlantıları

Blog yazılarının altındaki "Önceki" ve "Sonraki" bağlantıları kısa oldukları için cazip bir kalıptır, fakat tek başlarına hedefi söylemezler. Bağlantı metnine hedef yazının başlığını eklemek ("Sonraki: Başlık Etiketleri Nasıl Kullanılır?") sorunu çözer. Sayfa uzunluğu sınırlıysa başlığı kısaltmak yerine bağlantı metnini iki satıra yaymak daha iyidir; kısaltılmış başlık hedefi belirsizleştirebilir. Bu bir uygulama önerisidir; WCAG ve Google bu bileşene özel bir kural koymaz.

Sayfa numaraları

"1, 2, 3" gibi sayfa numaraları tek başlarına anlaşılır görünür, ama bağlantı listesinde yalnızca rakam olarak okunur. Hedefin "Sayfa 2" olduğunu söyleyen bir erişilebilir ad (örneğin görünür "2" için gizli "Sayfa 2" metni) bağlantıyı açıklar. Sayfa, bağlantı metninin bir bölümünü CSS ile gizleyen C7 tekniğini yeterli teknikler arasında sayar. Burada görünür metin kısa kalır, erişilebilir ad tamamlanır.

Dosya indirme bağlantıları

İndirilebilir bir PDF'e bağlantı verirken dosya türünü ve konusunu metne yazın: "2026 Fiyat Listesi (PDF)". Link Purpose sayfası, bir kitap başlığı bağlantısına eşlik eden "PDF" ve "mp3" bağlantılarını ortak bağlamla kabul edilebilir saydığı için aynı başlığı taşıyan biçim bağlantıları tek bir liste maddesi içinde durabilir. Dosyanın sayfa adı veya içeriği belliyse bu ek bağlantılar kısa kalabilir.

Sosyal medya ve paylaşım simgeleri

Yalnızca simgeden oluşan paylaşım bağlantıları, F89 başarısızlığının örneğidir: bağlantının tek içeriği olan görselin erişilebilir adı yoktur. Google da görsel bağlantıda boş alt metni kötü uygulama sayar. Simgeye "X'te paylaş" ya da "E-posta ile gönder" gibi hedefi ve eylemi anlatan bir ad verin. Simge ve görünür metin aynı bağlantıdaysa simgenin alt metnini boş bırakın.

Menü ve altbilgi bağlantıları

Menü öğeleri kısa sözcüklerden oluşabilir ve bu kabul edilebilir; "Hizmetler" veya "İletişim" hedefi söyler. Sorun, farklı hedeflere giden iki menü öğesinin aynı adı taşımasıdır (örneğin iki ayrı "Detaylar"). Sayfanın ilkesi burada da geçerlidir: farklı hedef, farklı metin. Altbilgide kullanılan "Buraya tıklayın" türü ifadeler ise genel ifade olarak aynı uyarıya girer.

Bu tablodaki öneriler, yukarıda anlatılan iki kaynağın ilkelerinin bileşenlere uygulanmasıdır; her biri kendi şablonunuzda ayrıca sınanmalıdır.

Düzeltme sırası

Karar kuralı: hangi bağlantıya dokunulur?

Bir sitenin tüm bağlantılarını aynı anda yeniden yazmak gerekmez. Şu sırayı izleyin. Önce şablonlarda tekrar eden kalıpları bulun, çünkü tek bir kart bileşeni yüzlerce bağlantı üretir. Sonra yalnızca görselden oluşan bağlantıları düzeltin; bu bağlantılar adsızdır ve en yüksek riski taşır (F89, Google'ın boş alt metin uyarısı). Üçüncü sırada "tıklayın", "buraya", "devamını oku" gibi genel ifadeleri içeren makale içi bağlantıları yeniden yazın. En sona, bağlamdan anlaşılan ve kabul edilebilir sayılan bağlantıları bırakın.

Bu sıralamanın mantığı, her adımın en çok kullanıcıyı ve en çok sayfayı etkileyen sorundan başlamasıdır. Bağlantı bağlamdan anlaşılıyorsa acil değildir; anlaşılmıyorsa (F63) önceliklidir.

İlerlemeyi nasıl izlersiniz?

Düzeltme çalışmasının bitip bitmediğini anlamak için üç basit ölçü yeterlidir. Birincisi, bağlantı listesi testinde kalan genel ifade sayısı; hedef sıfırdır. İkincisi, adsız görsel bağlantı sayısı; hedef yine sıfırdır. Üçüncüsü, aynı metni taşıyıp farklı hedeflere giden bağlantı çiftlerinin sayısı. Bu üç sayı bir tabloda şablon başına tutulursa, bir sonraki bileşen değişikliğinde gerileme olup olmadığı hemen görülür. Bunlar sıralama göstergesi değil, kalite göstergeleridir; sayfa trafiğine etkisi için ayrı ölçüm gerekir ve bu etki garanti edilmez.

Kontrol listesi

• Her bağlantı metni, tek başına okunduğunda hedefi söylüyor mu?
• "Tıklayın", "buraya", "devamını oku", "web sitesi", "makale" gibi genel ifadeler kaldı mı?
• Aynı hedefe giden bağlantılar aynı metinle, farklı hedefe gidenler farklı metinle yazılmış mı?
• Kart listesinde her bağlantının programatik bir bağlamı var mı (başlık, aria-labelledby veya aynı paragraf)?
• Yalnızca görselden oluşan bağlantıların alt metni hedefi anlatıyor mu?
• Bağlantı metni doğal mı, anahtar kelime doldurulmuş mu?
• Yan yana bağlantılar bağlamla ayrılmış mı?
• Erişilebilir ad, görünür metni içeriyor mu?
• Yeni sekmede açılan bağlantılar bunu belirtiyor mu?

Örnek senaryo: bir çevrimiçi kurs platformunun kart listesi

Örnek senaryo: bir çevrimiçi kurs platformu, kurs kartlarında "Detayları gör" düğmesi kullanıyor. Listede on sekiz kart var, kategori sayfasında bağlantılar listelendiğinde ekran okuyucu "Detayları gör" ifadesini on sekiz kez okuyor. Ayrıca kartın kurs görseli de ayrı bir bağlantı ve alt metni boş; iki bağlantı aynı hedefe gidiyor.

Düzeltme: kurs adı bağlantı olur ve görsel ile "Detayları gör" düğmesi bu bağlantıya bağlanır; görselin alt metni boş bırakılır, çünkü bağlantı başka bir yerde zaten adlandırılmıştır. Düğme metni korunur ancak erişilebilir adı aria-labelledby ile kurs adına bağlanır. Aynı hedefe giden üç bağlantı için tek erişilebilir ad kalır, bağlantı listesi on sekiz farklı kurs adı gösterir. Kart görünümü değişmez; değişiklik şablon düzeyinde yapıldığı için tüm kategori sayfaları aynı anda düzelir.

Editör ve geliştirici ayrımı

Makale gövdesindeki bağlantı metni editörün sorumluluğundadır; kart, menü ve düğme gibi bileşenlerdeki bağlantılar geliştiricinindir. İki taraf için ortak kural yazın: bağlantı metni, tek başına okunduğunda hedefi anlatır. Başlık yapısı ve liste biçimlendirmesi de bu okunabilirliğin parçasıdır; ayrıntı için başlık etiketleri rehberine bakın.

Bir iş akışı önerisi: yeni bir bileşen tasarlanırken bağlantı metninin kaynağı da tasarlanmalıdır. Kart başlığı alanı zorunlu mu, kısa özet alanı bağlantıya dahil mi, düğme metni düzenlenebilir mi? Bu alanlar baştan belirlenmezse editör, düğme metnini her kartta aynı bırakmak zorunda kalır ve sorun içerik yönetiminden değil bileşen kurgusundan doğar. Bileşen belgesine "bağlantının erişilebilir adı hangi alandan gelir" sorusunun cevabını yazmak, ileride yapılacak her kart değişikliğinde kuralın korunmasını sağlar.

Güncellik notu

Burada anlatılan teknikler ve kurallar, WCAG 2.2 açıklama sayfasında ve Google belgesinde yazılı olanlara dayanır. Belgeler değişebilir; uygulamadan önce güncel sayfalara bakın. Hiçbir düzeltme sıralama vaadi taşımaz.

Sık Sorulan Sorular

Devamını oku bağlantısı WCAG'e göre kesinlikle yasak mı?

Hayır. Link Purpose sayfası, amacı paragraf bağlamından anlaşılan bir "Read more" bağlantısını kabul edilebilir desenlerden biri olarak sayar. Ancak bağlamın bağlantıdan önce gelmesi tercih edilir ve bağlam programatik olarak belirlenebilmelidir.

Google genel bağlantı metinlerini ne yapıyor?

Google belgesi "Click here", "read more", "website" ve "article" gibi genel ifadelerden kaçınmayı önerir. Belge bunun bir sıralama etkisine dair ifade içermez.

Bağlantı metni ne kadar uzun olmalı?

Belge kesin bir sayı vermez; metnin açıklayıcı ve makul ölçüde kısa olmasını ister, çok uzun bağlantı metninden kaçınmayı önerir.

Görsel bağlantıda alt metin neden önemli?

Google, görsel bağlantıda alt niteliğini bağlantı metni olarak kullanır ve boş alt metni kötü uygulama sayar. WCAG ise tek içeriği görsel olan bağlantıda erişilebilir ad bulunmamasını başarısızlık sayar (F89).

aria-label kullanmak yeterli mi?

ARIA8 sayfada yeterli tekniklerden biridir, ancak görünür metinle ad uyumu için ayrı bir kural verilmemiştir. Uygulama önerisi olarak adın görünür metni içermesini sağlayın.

Aynı sayfadaki iki bağlantı aynı yere gidiyorsa metin aynı mı olmalı?

Sayfaya göre aynı hedefe giden bağlantılar tutarlı metin kullanmalı, farklı hedefe gidenler farklı metin kullanmalıdır.

Title niteliği bağlantı metninin yerini tutar mı?

Tutmaz. WCAG sayfası title ile destekleme tekniğini (H33) listeler, Google boş bağlantıda title'a başvurabileceğini söyler; ikisi de görünür açıklayıcı metnin yerine geçmez. Bu bir uygulama önerisidir.

Sonuç

Bağlantı metni, tek başına okunduğunda hedefi söylemelidir. "Devamını oku" bağlam yeterliyse ölçütte kabul edilebilir bir desendir, ama kartlarda tekrar ettiğinde başlığa bağlamak, aria-labelledby kullanmak veya başlığı bağlantı yapmak daha güvenlidir. Yalnızca görselden oluşan bağlantılara alt metin verin, aynı hedefe aynı, farklı hedeflere farklı metin yazın ve önce şablonlardaki tekrar eden kalıpları düzeltin. Kurallar değişebilir; uygulamadan önce güncel sayfalara bakın.

Makale ve kategori sayfalarınızda bağlantı metinlerini baştan sona düzenlemek için içerik desteği isterseniz Akua Adforce'taki makale yazımı hizmetine göz atabilirsiniz.