# Tautan harus memiliki teks yang dapat dikenali

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

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

Sebagian tautan tidak memiliki teks yang dapat dibacakan pembaca layar, sering kali tautan berupa ikon saja seperti ikon media sosial atau ikon keranjang.

## Yang diperiksa aturan ini
Pastikan tautan memiliki teks yang dapat dikenali.

## Mengapa ini penting
WCAG 2.4.4 dan 4.1.2 mensyaratkan tautan memiliki nama aksesibel yang menjelaskan tujuannya.

## Cara memperbaikinya
### Di website apa pun
1. Temukan tautan yang tidak memiliki nama. Sebagian besar berupa ikon atau gambar di dalam tag <a>.
2. Tambahkan teks yang tersembunyi secara visual di dalam tautan, atau aria-label seperti aria-label="Instagram" atau aria-label="Cart".
3. Jika tautan membungkus gambar, berikan teks alt yang bermakna pada gambar tersebut sebagai gantinya.

### Di Shopify
1. Temukan tautan yang tidak memiliki nama. Sebagian besar berupa ikon atau gambar di dalam tag <a>.
2. Tambahkan teks yang tersembunyi secara visual di dalam tautan, atau aria-label seperti aria-label="Instagram" atau aria-label="Cart".
3. Jika tautan membungkus gambar, berikan teks alt yang bermakna pada gambar tersebut sebagai gantinya.

### Di WooCommerce dan WordPress
1. Temukan tautan yang tidak memiliki nama. Sebagian besar berupa ikon atau gambar di dalam tag <a>.
2. Tambahkan teks yang tersembunyi secara visual di dalam tautan, atau aria-label seperti aria-label="Instagram" atau aria-label="Cart".
3. Jika tautan membungkus gambar, berikan teks alt yang bermakna pada gambar tersebut sebagai gantinya.

## Cara mengecek perbaikannya
- Pindai ulang dan pastikan link-name sudah hilang.
- Tekan Tab ke setiap tautan dengan pembaca layar menyala dan dengarkan namanya.

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