# Tombol harus memiliki teks yang dapat dikenali

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

WCAG 4.1.2 Name, Role, Value · Level A

Sebagian tombol tidak memiliki nama aksesibel, sehingga pengguna pembaca layar hanya mendengar 'tombol'.

## Yang diperiksa aturan ini
Pastikan tombol memiliki teks yang dapat dikenali.

## Mengapa ini penting
WCAG 4.1.2 mensyaratkan setiap kontrol memiliki nama. Tombol tanpa nama sering kali berupa tombol penambah/pengurang jumlah, tombol tutup, dan panah slider.

## Cara memperbaikinya
### Di website apa pun
1. Temukan tombol yang tidak memiliki nama, biasanya tombol yang hanya menampilkan ikon.
2. Tambahkan teks yang terlihat, teks yang tersembunyi secara visual, atau aria-label yang menyebutkan fungsi tombol (misalnya aria-label="Close" atau aria-label="Increase quantity").

### Di Shopify
1. Temukan tombol yang tidak memiliki nama, biasanya tombol yang hanya menampilkan ikon.
2. Tambahkan teks yang terlihat, teks yang tersembunyi secara visual, atau aria-label yang menyebutkan fungsi tombol (misalnya aria-label="Close" atau aria-label="Increase quantity").

### Di WooCommerce dan WordPress
1. Temukan tombol yang tidak memiliki nama, biasanya tombol yang hanya menampilkan ikon.
2. Tambahkan teks yang terlihat, teks yang tersembunyi secara visual, atau aria-label yang menyebutkan fungsi tombol (misalnya aria-label="Close" atau aria-label="Increase quantity").

## Cara mengecek perbaikannya
- Pindai ulang halaman yang terdampak.
- Periksa tombol-tombol tersebut dengan pembaca layar.

## Sumber
- Dokumentasi aturan axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Memahami WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value