WCAG 2.4.4, 4.1.2 · Seviye A

Bağlantıların ayırt edilebilir bir metni olmalıdır

Bazı bağlantılarda ekran okuyucunun seslendirebileceği bir metin yok; bunlar çoğu zaman sosyal medya simgeleri veya sepet simgesi gibi yalnızca simgeden oluşan bağlantılardır.

Bu kural neyi kontrol eder

Bağlantıların ayırt edilebilir bir metni olduğunu denetler.

Neden önemli

WCAG 2.4.4 ve 4.1.2, bağlantıların amaçlarını açıklayan erişilebilir bir ada sahip olmasını ister.

Nasıl düzeltilir

  1. Adı olmayan bağlantıları bulun. Bunların çoğu bir <a> etiketinin içindeki simgeler veya görsellerdir.
  2. Bağlantının içine görsel olarak gizli bir metin ya da aria-label="Instagram" veya aria-label="Cart" gibi bir aria-label ekleyin.
  3. Bağlantı bir görseli sarıyorsa bunun yerine görsele anlamlı bir alternatif metin verin.

Düzeltme nasıl kontrol edilir

  • Yeniden tarayın ve link-name kuralının artık görünmediğini doğrulayın.
  • Bir ekran okuyucu açıkken Tab tuşuyla her bağlantıya gidin ve adını dinleyin.

FixReports bunu nasıl bulur

Taramamız, test ettiği her sayfada axe-core’un link-name kuralını gerçek bir Chrome tarayıcısında çalıştırır ve kuraldan geçemeyen her öğeyi sayfası, işaretlemesi ve uygun olduğunda bir ekran görüntüsüyle birlikte bildirir.

Otomatik bir test, bu belirli sorunun var olduğunu doğrular. Sayfanın geri kalanının erişilebilir olup olmadığını söyleyemez: bazı engeller ancak bir insan sayfayı kontrol ettiğinde ortaya çıkar.

Web sitenizi bugün tarayın

Bulun. Düzeltin. Doğrulayın.

Bu ne tür bir web sitesi?

Cevabınız doğru kontrolleri seçer; örneğin online mağazalar için alışveriş yolculuğu. Sitenin kendi kanıtlarını da yine kontrol eder ve ikisini birlikte gösteririz.

Bu ne tür bir web sitesi?

Ücretsiz tarama. Kredi kartı gerekmez.