Hva kreves i praksis?
Alt meningsbærende ikke-tekstlig innhold — bilder, ikoner, knapper og grafikk — skal ha et tekstalternativ som formidler samme informasjon. Kravet gjelder sider som brukes i Norge, uavhengig av om du er offentlig virksomhet, butikk eller byrå som leverer nettsiden.
Vanlige feil og avvik
- Produktbilder og infografikk uten alt-tekst.
- Ikonknapper (søk, meny, lukk) uten tilgjengelig navn.
- Tom alt på bilder som faktisk bærer mening, eller alt som bare sier «bilde».
Før og etter — kodeeksempler
Eksemplene er forenklet. Lim inn mønsteret, ikke nødvendigvis klassenavnene, i din egen kodebase.
Feil kode — bryter WCAG
Bildet har ingen alternativ tekst, og ikonknappen har ikke navn. Skjermlesere hopper over eller leser filnavn.
Feil eksempel
<img src="/kampanje.jpg">
<button type="button">
<svg><!-- søk --></svg>
</button>Riktig kode — utbedret
Meningsbærende bilder får presis alt. Dekorative bilder får tom alt. Ikonknapper får synlig tekst eller aria-label.
Riktig eksempel
<img src="/kampanje.jpg" alt="Høstkampanje: 20 prosent på alle jakker">
<button type="button" aria-label="Søk">
<svg aria-hidden="true"><!-- søk --></svg>
</button>
<img src="/dekor-strek.svg" alt="">Hvordan UUvakta tester dette
UUvakta kjører axe-core mot hver crawled side og varsler blant annet på image-alt, input-image-alt, svg-img-alt og button-name. Du får URL, utdrag og forslag til alt-tekst. Automatikk fanger tomme og manglende alternativer — ikke om teksten er presis nok. Det erstatter ikke manuell vurdering.