--- title: "Gi et tekstlig alternativ for alt innhold!" url: "https://www.bekk.christmas/post/2022/21/gi-et-tekstlig-alternativ-for-alt-innhold" authors: ["Sissel Fladby van Woensel Kooy"] published: "2022-12-21" updated: "2024-11-07T13:05:28Z" language: "nb-NO" type: "article" tags: ["Tilgjengelighet"] --- # 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! ## Kort fortalt WCAG 1.1.1 krever at alt ikke-tekstlig innhold får et tekstlig alternativ, som alternativ tekst for bilder, teksting av lyd, beskrivende navn på knapper og inputfelt, og tekst som forklarer CAPTCHA-er og andre tester. Når innhold allerede har en fullgod tekstbeskrivelse, skal man ikke legge på ekstra navn som kan gi dobbelopplesing eller ulike tekster for seende og ikke-seende. - **Passer for:** Utviklere og designere som jobber med tilgjengelige digitale tjenester - **Fint å kunne fra før:** Grunnleggende kjennskap til HTML og tilgjengelighet _Generert med KI_ 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](https://www.uutilsynet.no/wcag-standarden/111-ikke-tekstlig-innhold-niva/87) ## Relevante lenker anbefalt av forfatteren - [WCAG 1.1.1](https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&showtechniques=111#non-text-content)