# Dapat may malinaw na text ang mga button

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

WCAG 4.1.2 Name, Role, Value · Level A

May mga button na walang accessible name, kaya 'button' lang ang naririnig ng mga gumagamit ng screen reader.

## Ano ang sinusuri ng patakarang ito
Tiyaking may malinaw na text ang mga button.

## Bakit ito mahalaga
Hinihingi ng WCAG 4.1.2 na may pangalan ang bawat control. Kadalasang kasama sa mga button na walang pangalan ang mga quantity stepper, close button at arrow ng slider.

## Paano ito ayusin
### Sa anumang website
1. Hanapin ang mga button na walang pangalan, kadalasan ay mga button na icon lang ang ipinapakita.
2. Magdagdag ng nakikitang text, visually hidden na text, o aria-label na nagsasabi kung ano ang ginagawa ng button (halimbawa aria-label="Close" o aria-label="Increase quantity").

### Sa Shopify
1. Hanapin ang mga button na walang pangalan, kadalasan ay mga button na icon lang ang ipinapakita.
2. Magdagdag ng nakikitang text, visually hidden na text, o aria-label na nagsasabi kung ano ang ginagawa ng button (halimbawa aria-label="Close" o aria-label="Increase quantity").

### Sa WooCommerce at WordPress
1. Hanapin ang mga button na walang pangalan, kadalasan ay mga button na icon lang ang ipinapakita.
2. Magdagdag ng nakikitang text, visually hidden na text, o aria-label na nagsasabi kung ano ang ginagawa ng button (halimbawa aria-label="Close" o aria-label="Increase quantity").

## Paano susuriin ang ayos
- I-scan ulit ang mga apektadong page.
- Suriin ang mga button gamit ang screen reader.

## Mga sanggunian
- Dokumentasyon ng axe-core rule (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Understanding WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value