Metni olmayan bağlantılar: ikon ve görsel linklere erişilebilir ad verme

Sosyal medya ikonları, sepet simgesi, “ileri” oku… Görsel olarak anlaşılır olan bu bağlantılar, HTML'de hiçbir metin içermiyorsa ekran okuyucu “bağlantı” deyip susar; arama motoru da bağlantının nereye ve neden gittiğini anlayamaz.

KTYAPTECH SEO Analyzer bu sorunu LINK-EMPTY-ANCHOR-001 koduyla, “Bağlantının erişilebilir adı yok” başlığı altında ve orta önem derecesiyle raporlar (İç bağlantılar). Bu rehber, bulgunun ne anlama geldiğini, neden önemli olduğunu ve adım adım nasıl düzeltileceğini anlatıyor.

Erişilebilir adı olmayan bağlantı nedir?

Bir bağlantının erişilebilir adı, içindeki görünür metinden, içindeki görselin alt metninden veya aria-label/aria-labelledby niteliklerinden gelir. Bunların hiçbiri yoksa bağlantının adı boştur.

SEO Analyzer, erişilebilir adı hesaplanamayan bağlantıları bu bulguyla raporlar.

Neden önemli? SEO ve kullanıcı deneyimine etkisi

Ekran okuyucu kullanıcıları bağlantının ne işe yaradığını bilemez; bu hem erişilebilirlik standartlarına (WCAG) aykırıdır hem de bazı ülkelerde yasal gereklilikleri etkileyebilir.

Arama motorları bağlantı metnini hedef sayfanın konusunu anlamak için kullanır; boş bağlantılar bu sinyali taşımaz.

Sorun nasıl tespit edilir?

• SEO Analyzer raporundaki “Bağlantının erişilebilir adı yok” bulgusunda bağlantıları görün.
• Lighthouse Erişilebilirlik denetiminde “Bağlantıların ayırt edilebilir bir adı yok” uyarısını kontrol edin.
• Tarayıcının erişilebilirlik ağacı panelinde bağlantının hesaplanan adını inceleyin.

Adım adım çözüm

1. Adı olmayan bağlantıları listeleyin.
2. Mümkünse bağlantıya görünür bir metin ekleyin; bu herkes için en anlaşılır çözümdür.
3. Yalnızca ikon kullanılacaksa bağlantıya aria-label ile kısa, açıklayıcı bir ad verin ve ikonu aria-hidden="true" ile gizleyin.
4. Görsel bağlantılarda görselin alt metnini, bağlantının hedefini anlatacak şekilde yazın.
5. Boş, hiçbir yere gitmeyen veya yalnızca JavaScript ile çalışan bağlantıları gerçek bağlantılara veya butonlara çevirin.

Bağlantı mı, buton mu?

Başka bir sayfaya veya adrese götüren öğe bağlantıdır (<a href>). Sayfada bir işlem yapan (menü açma, modal gösterme) öğe ise butondur (<button>). Doğru öğeyi kullanmak hem erişilebilirlik hem tarama için önemlidir.

Sık yapılan hatalar

• aria-label'a “tıkla”, “link” gibi anlamsız ifadeler yazmak.
• Dekoratif ikonu gizlemeyip ekran okuyucunun iki kez okumasına yol açmak.
• Görsel bağlantıda alt="" kullanıp bağlantıyı adsız bırakmak.

Düzeltmeyi nasıl doğrularsınız?

• Erişilebilirlik ağacında bağlantının adını kontrol edin.
• Lighthouse erişilebilirlik puanını yeniden çalıştırın.
• SEO Analyzer'ı yeniden çalıştırın.

Sık sorulan sorular

aria-label SEO için bağlantı metni sayılır mı?

Google bağlantı metni olarak öncelikle görünür metni ve görselin alt metnini kullanır. aria-label erişilebilirlik için kesin çözümdür; SEO için görünür metin veya alt metin daha güçlü bir sinyaldir.

Logo bağlantısının adı ne olmalı?

Logo görselinin alt metni marka adı olabilir (“KTYAPTECH ana sayfa”).

Özet

Her bağlantının bir adı olmalıdır. Mümkünse görünür metin kullanın; yalnızca ikon varsa aria-label ekleyin, görsel bağlantılarda alt metni hedefi anlatacak şekilde yazın.

Sitenizde bu ve benzeri sorunların olup olmadığını görmek için KTYAPTECH Ücretsiz SEO Analizi aracını kullanabilirsiniz: rapordaki her bulgunun yanında, sorunu anlatan çözüm rehberine giden bir bağlantı bulunur.