# Bilder skal ha en alternativ tekst

<https://www.fixreports.com/nb/issues/image-alt>

WCAG 1.1.1 Non-text Content · Nivå A

Bilder mangler tekstalternativ, så skjermleserbrukere vet ikke hva de viser.

## Hva denne regelen sjekker
Sørg for at <img>-elementer har alternativ tekst eller rollen none eller presentation.

## Hvorfor det er viktig
WCAG 1.1.1 krever et tekstalternativ for meningsbærende bilder. Uten det kan ikke en skjermleserbruker vite hvilket produkt et bilde viser.

## Slik fikser du det
### På alle nettsteder
1. Skriv en kort, konkret beskrivelse som alt-tekst for hvert bilde i publiseringsløsningen (CMS) eller malen din.
2. Beskriv det som betyr noe for en kunde: produktnavn, farge og vinkelen som vises (for eksempel «Handlenett i canvas, olivengrønn, sett forfra»).
3. Dekorative bilder bør ha et tomt alt-attributt (alt=""), slik at skjermlesere hopper over dem.

### I Shopify
1. I Shopify-administrasjonen åpner du Produkter > [produkt] > Medier, klikker på hvert bilde og fyller ut «Alternativ tekst». For bilder i seksjoner åpner du Nettbutikk > Temaer > Tilpass og angir alt-teksten for bildet i seksjonsinnstillingene.
2. Beskriv det som betyr noe for en kunde: produktnavn, farge og vinkelen som vises (for eksempel «Handlenett i canvas, olivengrønn, sett forfra»).
3. Dekorative bilder bør ha et tomt alt-attributt (alt=""), slik at skjermlesere hopper over dem.

### I WooCommerce og WordPress
1. I WordPress åpner du Media > Bibliotek, velger hvert bilde og fyller ut «Alternativ tekst». Bilder i produktgalleriet bruker det samme feltet.
2. Beskriv det som betyr noe for en kunde: produktnavn, farge og vinkelen som vises (for eksempel «Handlenett i canvas, olivengrønn, sett forfra»).
3. Dekorative bilder bør ha et tomt alt-attributt (alt=""), slik at skjermlesere hopper over dem.

## Slik kontrollerer du utbedringen
- Skann de berørte sidene på nytt.
- Bruk en skjermleser (VoiceOver: Cmd+F5 på Mac) for å høre hvordan produktbildene leses opp.

## Kilder
- Dokumentasjon av axe-core-regelen (Deque): https://dequeuniversity.com/rules/axe/4.13/image-alt
- Forklaring av WCAG 1.1.1 (W3C, Understanding): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content