# Dapat natatangi ang mga ID na ginagamit sa ARIA at sa mga label

<https://www.fixreports.com/fil/issues/duplicate-id-aria>

WCAG 4.1.2 Name, Role, Value · Level A

May ilang elementong pareho ang id na ginagamit bilang label o paglalarawan, kaya maaaring maling label ang basahin ng assistive technology.

## Ano ang sinusuri ng patakarang ito
Tiyaking natatangi ang bawat value ng id attribute na ginagamit sa ARIA at sa mga label.

## Bakit ito mahalaga
Tumuturo ang mga label at paglalarawan sa mga elemento gamit ang id; sinisira ng mga duplicate ang ugnayang iyon (WCAG 4.1.2).

## Paano ito ayusin
### Sa anumang website
1. Bigyan ang bawat elemento ng natatanging id at i-update ang mga attribute na tumutukoy rito (for, aria-labelledby, aria-describedby).
2. Sa mga Shopify section, idagdag ang {{ section.id }} sa mga id para manatiling natatangi ang mga paulit-ulit na section.

### Sa Shopify
1. Bigyan ang bawat elemento ng natatanging id at i-update ang mga attribute na tumutukoy rito (for, aria-labelledby, aria-describedby).
2. Sa mga Shopify section, idagdag ang {{ section.id }} sa mga id para manatiling natatangi ang mga paulit-ulit na section.

### Sa WooCommerce at WordPress
1. Bigyan ang bawat elemento ng natatanging id at i-update ang mga attribute na tumutukoy rito (for, aria-labelledby, aria-describedby).
2. Sa mga Shopify section, idagdag ang {{ section.id }} sa mga id para manatiling natatangi ang mga paulit-ulit na section.

## Paano susuriin ang ayos
- I-scan ulit at kumpirmahing pumapasa ang patakarang duplicate-id.

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