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

<https://www.fixreports.com/tr/issues/button-name>

WCAG 4.1.2 Name, Role, Value · Seviye A

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
### Her web sitesinde
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").

### Shopify’da
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").

### WooCommerce ve WordPress’te
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.

## Kaynaklar
- axe-core kural dokümantasyonu (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- WCAG 4.1.2 açıklaması (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value