# <svg> elements with an img or image role must have alternative text

Source: https://www.fixreports.com/issues/svg-img-alt

WCAG 1.1.1 Non-text Content · Level A

An SVG image that conveys information has no text alternative.

## What this rule checks
Ensure <svg> elements with an img, image, graphics-document or graphics-symbol role have accessible text.

## Why it matters
WCAG 1.1.1 requires a text alternative for meaningful images.

## How to fix it
### On any website
1. Add aria-label or a <title> element to meaningful SVGs, or aria-hidden="true" to purely decorative ones.

### On Shopify
1. Add aria-label or a <title> element to meaningful SVGs, or aria-hidden="true" to purely decorative ones.

### On WooCommerce and WordPress
1. Add aria-label or a <title> element to meaningful SVGs, or aria-hidden="true" to purely decorative ones.

## How to check the fix
- Re-scan the affected pages.

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