# Dapat may malinaw na text ang mga link

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

WCAG 2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value · Level A

May mga link na walang text na mabibigkas ng screen reader, kadalasan mga link na icon lang gaya ng mga social icon o ang cart icon.

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

## Bakit ito mahalaga
Hinihingi ng WCAG 2.4.4 at 4.1.2 na may accessible name ang mga link na naglalarawan sa layunin nito.

## Paano ito ayusin
### Sa anumang website
1. Hanapin ang mga link na walang pangalan. Karamihan ay mga icon o larawan sa loob ng isang <a> tag.
2. Magdagdag ng visually hidden na text sa loob ng link, o ng aria-label gaya ng aria-label="Instagram" o aria-label="Cart".
3. Kung may larawan sa loob ng link, bigyan na lang ng makabuluhang alt text ang larawan.

### Sa Shopify
1. Hanapin ang mga link na walang pangalan. Karamihan ay mga icon o larawan sa loob ng isang <a> tag.
2. Magdagdag ng visually hidden na text sa loob ng link, o ng aria-label gaya ng aria-label="Instagram" o aria-label="Cart".
3. Kung may larawan sa loob ng link, bigyan na lang ng makabuluhang alt text ang larawan.

### Sa WooCommerce at WordPress
1. Hanapin ang mga link na walang pangalan. Karamihan ay mga icon o larawan sa loob ng isang <a> tag.
2. Magdagdag ng visually hidden na text sa loob ng link, o ng aria-label gaya ng aria-label="Instagram" o aria-label="Cart".
3. Kung may larawan sa loob ng link, bigyan na lang ng makabuluhang alt text ang larawan.

## Paano susuriin ang ayos
- I-scan ulit at kumpirmahing wala na ang link-name.
- I-Tab ang bawat link habang tumatakbo ang screen reader at pakinggan ang pangalan.

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