# Butang mesti mempunyai teks yang boleh dikenal pasti

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

WCAG 4.1.2 Name, Role, Value · Tahap A

Sesetengah butang tiada nama boleh capai, jadi pengguna pembaca skrin hanya mendengar 'butang'.

## Apa yang disemak oleh peraturan ini
Pastikan butang mempunyai teks yang boleh dikenal pasti.

## Mengapa ia penting
WCAG 4.1.2 menetapkan setiap kawalan mesti mempunyai nama. Butang tanpa nama selalunya termasuk pelaras kuantiti, butang tutup dan anak panah gelangsar.

## Cara membaikinya
### Di mana-mana laman web
1. Cari butang yang tiada nama, biasanya butang yang hanya memaparkan ikon.
2. Tambah teks yang kelihatan, teks yang tersembunyi secara visual, atau aria-label yang menyatakan fungsi butang itu (contohnya aria-label="Close" atau aria-label="Increase quantity").

### Di Shopify
1. Cari butang yang tiada nama, biasanya butang yang hanya memaparkan ikon.
2. Tambah teks yang kelihatan, teks yang tersembunyi secara visual, atau aria-label yang menyatakan fungsi butang itu (contohnya aria-label="Close" atau aria-label="Increase quantity").

### Di WooCommerce dan WordPress
1. Cari butang yang tiada nama, biasanya butang yang hanya memaparkan ikon.
2. Tambah teks yang kelihatan, teks yang tersembunyi secara visual, atau aria-label yang menyatakan fungsi butang itu (contohnya aria-label="Close" atau aria-label="Increase quantity").

## Cara menyemak pembaikan
- Imbas semula halaman yang terjejas.
- Semak butang dengan pembaca skrin.

## Sumber
- Dokumentasi peraturan 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