Skip to main content

Gode tekstalternativer (WCAG 1.1.1)

Hva er kravet?​

Gi gode tekstalternativer for visuelle elementer tilpasset brukers leseforståelse.

Brukergrupper​

  • Blinde og svaksynte elever
  • Elever med kognitive utfordringer
  • Elever med lesevansker
  • Elever med situasjonsbaserte utfordringer

Formål​

Formålet med kravet er å gi gode tekstalternativer til de brukerne som har behov for alternativer til ikke -tekstlig innhold. Standard Norges veileder, Likeverdig tilgang til digitale læremidler i skole og utdanning, kapittel 5, gir innsikt i hva dette innebærer i skole og utdanning. Formålet med tekstalternativer i læremidler er knyttet til det pedagogiske formålet med innholdet i læremidlet. Dette innebærer at tiltenkt læring knyttet til bestemt innhold tas i betraktning når tekstalternativer utformes. Kravet er tilsvarende suksesskriterium 1.1.1 fra UU -tilsynet og er avgrenset til visuelle elementer.

Utviklerens rolle​

Som utvikler er det ditt ansvar å utvikle en løsning som lar innholdsredaktører oppdatere og forvalte alternativ tekst for bilder. Dette innebærer også å sørge for at det finnes et system for å identifisere og markere bilder som kun er dekorative og ikke trenger alternativ tekst.

Alt-tekst attributt må eksistere​

Sørg for at systemet åpner for innskrivning av tekstalternativ på alle visuelle elementer. Dette gjelder alle elementer som er støttet i aktuell versjon av HTML -standarden. Elementet <img> skal alltid ha alt-attributt. Det finnes per i dag ingen måte å markere et bilde som dekorativt, annet enn tomt alt-attributt. Tilrettelegge for innskriving av alternativ tekst Lag løsninger som gir innholdsredaktør mulighet til å legge inn alt-tekst og lang beskrivelse for et bilde. Dette bør implementeres i CMS på en slik måte at tilknytning mellom bilde og alt-tekst samt lang beskrivelse blir tydelig også for redaktør. Grensesnittet for innholdsbehandling i CMS bør gjenspeile det digitale læremidlet i tilstrekkelig grad, slik at innholdsredaktør kan ha oversikt over hele konteksten av tekst og bilder i innholdet.

Tekstalternativ for komplekse bilder​

Hvis en kort alternativ tekst ikke er tilstrekkelig for å beskrive hovedinnholdet i bildet, og den omkringliggende teksten heller ikke dekker hovedinnholdet i bildet, skal det i tillegg gis en lang beskrivelse som forklarer bildet i detalj. Dette er spesielt relevant for bilder av grafer, kart, modeller eller figurer. Kart som er ment for navigasjonsformål er unntatt for kravene til universell utforming i norsk lov. Dette gjelder imidlertid ikke for bilder av kart brukt i læremidler. Den lange beskrivelsen skal være tilgjengelig for alle elever og gi likeverdig mulighet til å forstå bildet. Utvikler skal sørge for at det finnes en tilknytning mellom bildeelementet og den lange beskrivelsen. Vi anbefaler approach 3 i : Complex Images | Web Accessibility Initiative (WAI) | W3C (Åpnes i ny fane)

  • Lang beskrivelse: En mer detaljert beskrivelse når bildet inneholder kompleks eller viktig pedagogisk formål som krever mer forklaring, kan ofte erstattes av en mekanisme i direkte tilknytning til bildet som gir mulighet for en detaljert beskrivelse eksempelvis tabell eller lenke til fulltekst-alternativ. En lang beskrivelse vil ikke være obligatorisk fordi redaktør kan dekke det pedagogiske formålet gjennom omkringliggende tekst.

Tilby muligheten for å merke et bilde som dekorativt​

Gi innholdsredaktører muligheten til å angi om et bilde er dekorativt. I et digitalt læremiddel er et bilde dekorativt når det ikke er relevant for det pedagogiske formålet eller den tiltenkte læringen for innholdet.

Eksempel på alt-tekst:​
<img src="dekorativt-bilde.jpg" alt="">
<img src="dekorativt-bilde.jpg" alt>
  • Det er viktig at skjermlesere ignorerer dekorative bilder, så å legge inn et tomt alt -attributt er en god løsning."
aria-hidden​

HTML: <img src="decorative-image.jpg" alt="" aria-hidden="true">

CSS -eksempel:​

CSS: .hidden-image { display: none; }

HTML: <img src="image.jpg" class="hidden-image">

Dynamisk håndtering av alternativ tekst i kode​

Sørg for at systemet enkelt kan hente og vise riktig alt-tekst basert på innholdsredaktørens valg.

  • Når du koder en dynamisk side, sørg for at systemet enkelt kan hente og vise riktig alt-tekst basert på innholdsredaktørens valg. Det er viktig å gi innholdsredaktører muligheten til å kvalitetssikre alt-tekst i henhold til konteksten for innholdet. Dette kan gjøres ved å lage en dialogboks med informasjon om bruk av alt-tekst, samt muligheten til å bekrefte den aktuelle alt-teksten eller avbryte.

Les mer​

Les om hvordan redaktører og designere jobber med alternative tekster og hvilke behov de har til verktøy og systemer.