# Pautan mesti mempunyai teks yang boleh dikenal pasti

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

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

Sesetengah pautan tiada teks yang boleh diumumkan oleh pembaca skrin, selalunya pautan ikon sahaja seperti ikon media sosial atau ikon troli.

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

## Mengapa ia penting
WCAG 2.4.4 dan 4.1.2 menetapkan pautan mesti mempunyai nama boleh capai yang menerangkan tujuannya.

## Cara membaikinya
### Di mana-mana laman web
1. Cari pautan yang tiada nama. Kebanyakannya ialah ikon atau imej di dalam tag <a>.
2. Tambah teks yang tersembunyi secara visual di dalam pautan, atau aria-label seperti aria-label="Instagram" atau aria-label="Cart".
3. Jika pautan membalut imej, berikan teks alt yang bermakna kepada imej itu sebagai gantinya.

### Di Shopify
1. Cari pautan yang tiada nama. Kebanyakannya ialah ikon atau imej di dalam tag <a>.
2. Tambah teks yang tersembunyi secara visual di dalam pautan, atau aria-label seperti aria-label="Instagram" atau aria-label="Cart".
3. Jika pautan membalut imej, berikan teks alt yang bermakna kepada imej itu sebagai gantinya.

### Di WooCommerce dan WordPress
1. Cari pautan yang tiada nama. Kebanyakannya ialah ikon atau imej di dalam tag <a>.
2. Tambah teks yang tersembunyi secara visual di dalam pautan, atau aria-label seperti aria-label="Instagram" atau aria-label="Cart".
3. Jika pautan membalut imej, berikan teks alt yang bermakna kepada imej itu sebagai gantinya.

## Cara menyemak pembaikan
- Imbas semula dan sahkan bahawa link-name sudah tiada.
- Tekan Tab ke setiap pautan semasa pembaca skrin berjalan dan dengar namanya.

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