WCAG 4.1.2 · Seviye A

Butonların ayırt edilebilir bir metni olmalıdır

Bazı butonların erişilebilir bir adı yok; bu yüzden ekran okuyucu kullananlar yalnızca “düğme” sözcüğünü duyuyor.

Bu kural neyi kontrol eder

Butonların ayırt edilebilir bir metni olduğunu denetler.

Neden önemli

WCAG 4.1.2, her kontrolün bir adı olmasını ister. Adı olmayan butonlar arasında çoğu zaman adet artırma/azaltma butonları, kapatma butonları ve slider okları bulunur.

Nasıl düzeltilir

  1. Adı olmayan düğmeleri bulun; bunlar genellikle yalnızca bir simge gösteren düğmelerdir.
  2. Butonun ne yaptığını söyleyen görünür bir metin, görsel olarak gizli bir metin veya bir aria-label ekleyin (örneğin aria-label="Close" veya aria-label="Increase quantity").

Düzeltme nasıl kontrol edilir

  • Etkilenen sayfaları yeniden tarayın.
  • Butonları bir ekran okuyucuyla kontrol edin.

FixReports bunu nasıl bulur

Taramamız, test ettiği her sayfada axe-core’un button-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.