# Elemen <svg> dengan role img atau image harus memiliki teks alternatif

<https://www.fixreports.com/id/issues/svg-img-alt>

WCAG 1.1.1 Non-text Content · Level A

Sebuah gambar SVG yang menyampaikan informasi tidak memiliki alternatif teks.

## Yang diperiksa aturan ini
Pastikan elemen <svg> dengan role img, image, graphics-document, atau graphics-symbol memiliki teks yang aksesibel.

## Mengapa ini penting
WCAG 1.1.1 mensyaratkan alternatif teks untuk gambar yang bermakna.

## Cara memperbaikinya
### Di website apa pun
1. Tambahkan aria-label atau elemen <title> ke SVG yang bermakna, atau aria-hidden="true" ke SVG yang murni dekoratif.

### Di Shopify
1. Tambahkan aria-label atau elemen <title> ke SVG yang bermakna, atau aria-hidden="true" ke SVG yang murni dekoratif.

### Di WooCommerce dan WordPress
1. Tambahkan aria-label atau elemen <title> ke SVG yang bermakna, atau aria-hidden="true" ke SVG yang murni dekoratif.

## Cara mengecek perbaikannya
- Pindai ulang halaman yang terdampak.

## Sumber
- Dokumentasi aturan axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- Memahami WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content