# Elemen <svg> dengan peranan img atau image mesti mempunyai teks alternatif

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

WCAG 1.1.1 Non-text Content · Tahap A

Imej SVG yang menyampaikan maklumat tiada alternatif teks.

## Apa yang disemak oleh peraturan ini
Pastikan elemen <svg> dengan peranan img, image, graphics-document atau graphics-symbol mempunyai teks boleh capai.

## Mengapa ia penting
WCAG 1.1.1 menetapkan alternatif teks untuk imej yang bermakna.

## Cara membaikinya
### Di mana-mana laman web
1. Tambah aria-label atau elemen <title> pada SVG yang bermakna, atau aria-hidden="true" pada SVG yang hanya untuk hiasan.

### Di Shopify
1. Tambah aria-label atau elemen <title> pada SVG yang bermakna, atau aria-hidden="true" pada SVG yang hanya untuk hiasan.

### Di WooCommerce dan WordPress
1. Tambah aria-label atau elemen <title> pada SVG yang bermakna, atau aria-hidden="true" pada SVG yang hanya untuk hiasan.

## Cara menyemak pembaikan
- Imbas semula halaman yang terjejas.

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