# <svg>-elementer med rollen img eller image skal have alternativ tekst

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

WCAG 1.1.1 Non-text Content · Niveau A

Et SVG-billede, der formidler information, har intet tekstalternativ.

## Hvad denne regel tjekker
Sørg for, at <svg>-elementer med rollen img, image, graphics-document eller graphics-symbol har tilgængelig tekst.

## Hvorfor det er vigtigt
WCAG 1.1.1 kræver et tekstalternativ til meningsfulde billeder.

## Sådan retter du det
### På enhver hjemmeside
1. Tilføj aria-label eller et <title>-element til meningsfulde SVG’er, eller aria-hidden="true" til rent dekorative.

### I Shopify
1. Tilføj aria-label eller et <title>-element til meningsfulde SVG’er, eller aria-hidden="true" til rent dekorative.

### I WooCommerce og WordPress
1. Tilføj aria-label eller et <title>-element til meningsfulde SVG’er, eller aria-hidden="true" til rent dekorative.

## Sådan tjekker du rettelsen
- Scan de berørte sider igen.

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