21-Dec

Accessibility

Gi et tekstlig alternativ for alt innhold!

Når vi lager digitale tjenester må vi sikre at de kan oppfattes av alle! Det innebærer at vi gir tekst til blant annet bilder, lyd, inputelementer, knapper. Her dechiffrerer vi WCAG 1.1.1, slik at du slipper å tolke regelverket selv!

2 min read

·

By Sissel Fladby van Woensel Kooy

·

December 21, 2022

WCAG 1.1.1 sier "Gi brukeren et tekstlig alternativ for alt innhold som ikke er tekst!*"

Dette betyr at bilder må ha en beskrivende alternativ tekst, lyd må tekstes, inputelementer og knapper må ha beskrivende navn, og til og med CAPTCHAS trenger å ha tekst som identifiserer innholdet og beskriver formålet - og har du forresten tenkt på at du må ha alternativer til CAPTCHA som fungerer for alle?

For de som bruker skjermleser, talestyring eller har tregt nettverk kan dette være viktig! Her er det noen situasjoner du kan ende opp i, og eksempler på hvordan man løser dette:

En beskrivelse gjør samme nytte som det ikke-tekstlige innholdet:

  • En illustrasjon av hvordan man strikker en maske, med en tilsvarende tekstlig beskrivelse på hvordan man gjør det samme.
  • En graf med salgsdata for oktober, med en kort beskrivelse av typen “Salgsdata for oktober”, og en lang beskrivelse som gir informasjonen som ligger i grafen.

Det er en knapp eller inputfelt:

  • En knapp med pil eller annet ikon må ha en tekst eller alternativ tekst som forklarer hva ikonet gjør
  • Inputfelt må ha tilknyttet tekst (holder ikke med placeholder-tekst, den forsvinner!)

Det er en test for å unngå spam-roboter:

  • En CAPTCHA som krever at man hører lyd og skriver vil ikke fungere dersom man er døv, derfor legger vi på tekst som forklarer testen og beskriver formålet, i tillegg til at vi legger inn en alternativ CAPTCHA som f.eks. viser bilder og lar deg bli testet på den måten i stedet.

Innholdet er en sanseopplevelse som ikke lar seg gjenskape i tekst:

  • Et musikk- eller kunststykke - vi legger på en tekst som identifiserer hva innholdet er.
  • Kart? Jeg har nettopp begynt på prosjekt i Kartverket, og der har vi interaktive kart der man skal kunne tegne opp grenser. Jeg lurer på om det går under her, men vet ikke. Hva tror du?

Det finnes en tekst som gir fullgod beskrivelse:

  • I tilfeller der tekstlig innhold er tilgjengelig er det unødvendig eller potensielt feil å bruke aria-label. For eksempel, en knapp med tekst trenger ingen ekstra aria-label, det kan føre til dobbelopplesing eller ulike tekster for seende og ikke-seende.

Til sist; det finnes ingen regel uten unntak. Se full liste av unntak fra regelen her: https://www.uutilsynet.no/wcag-standarden/111-ikke-tekstlig-innhold-niva/87

Read more from 21-Dec

Up next...

Loading…

Join in the holiday cheer and count down to Christmas with us!

I would like updates:
Your email will only be used for these advent calendar updates during the holiday season. They will never be sold or shared with third parties.