Når mange hører ordet tilgjengelighet, tenker de på "alt"-tekst og ikke så mye annet. Sannheten er at når man bygger et nettsted, bør man tenke på universell utforming hele veien. Ifølge WHO (i 2023) anslås det at 1,3 milliarder mennesker har en funksjonsnedsettelse, noe som tilsvarer 1 av 6 personer. Det betyr at 1 av 6 personer som besøker nettstedet ditt, potensielt kan ha behov for å gjøre endringer i tilgjengeligheten for å kunne lese eller forstå nettstedet ditt. 

Viktig merknad:

Fra og med 28. juni trer EAA (European Accessibility Act) i kraft, noe som betyr at de fleste nettsteder (spesielt de som selger varer eller tjenester) må være juridisk kompatible med tilgjengelighetsstandarder basert på WCAG 2.1 nivå AA. For mer informasjon, besøk Level Access. 

Nivåene av tilgjengelighet (WCAG)

WCAG står for Web Content Accessibility Guidelines (retningslinjer for tilgjengelig webinnhold). Utviklet av World Wide Web Consortium for å gjøre digitalt innhold mer tilgjengelig for personer med nedsatt funksjonsevne. 

1. A (Grunnleggende) - Minimumskrav (f.eks. alt-tekst, tastaturnavigasjon).
2. AA (Standard) - Anbefales for de fleste nettsteder (f.eks. fargekontrast, tydelig navigasjon)
3. AAA (Forbedret) - Det høyeste nivået, men ikke alltid praktisk gjennomførbart (f.eks. tegnspråk, flere navigasjonsalternativer)

Hvorfor er tilgjengelighet viktig?

Tenk deg at du ser på en nettside og ikke klarer å lese den fordi fargene er forferdelig blandede og ordene ser merkelige ut. Tenk deg nå at hver eneste nettside du ser på, sliter med de samme problemene - det vil i alvorlig grad hindre deg i å bruke Internett. Fargeblindhet rammer omtrent 1 av 12 menn (8%) og 1 av 200 kvinner. I tillegg har rundt 10% av befolkningen i Storbritannia dysleksi.

Hvis du sørger for at merkevaren og nettstedet ditt har sterke kontrastfarger, blir det mye lettere å lese for en rimelig stor del av de besøkende. 

Når det gjelder skrifttype og -størrelse, finnes det imidlertid ingen klare retningslinjer for universell utforming. En generell tommelfingerregel er imidlertid at 16 piksler eller større for brødtekst er et godt sted å starte. Prøv å unngå mer avanserte fonter, for eksempel skriptfonter som Pacifico eller Hummer (eksempel nedenfor) eller kursiv da disse kan være vanskeligere å lese. 

Hvis du har dysleksi, kan du også bidra til å optimalisere nettstedet ditt ved å skrive med aktiv i stedet for passiv stemme og holde setningene konsise. Unngå også lange, sammenhengende avsnitt og unødvendig "prat" hvis du kan unngå det. Bruk mørk tekst på en bakgrunn som ikke er hvit, og del opp teksten regelmessig ved hjelp av H2 og H3, slik at brukerne kan se hva teksten inneholder uten å lese alt. For fargeblinde brukere bør du unngå farger som grønt, rosa og rødt, da dette er de vanligste fargene som folk har problemer med.

Betydningen av alt-tekst

Mange markedsførere er klar over ALT-tekst (alternativ tekst) fra et SEO-perspektiv, og bruker kanskje plassen til å stappe inn nøkkelord for å øke søkemotorrobotenes evne til å gjennomsøke siden. Det er imidlertid ikke så mange som tenker på at ALT-teksten er der for at nettsted- og skjermlesere skal kunne lese den opp og gi kontekst til siden. Dette gjør det mulig for personer med lav internetthastighet og de som sliter med å tolke bilder, å likevel forstå hva bildet inneholder, noe som øker tilgjengeligheten til nettstedet. 

 

Beste praksis for alt-tekst. 

Den beste måten å optimalisere alt-teksten for tilgjengelighet (men også SEO) på, er å skrive en tydelig beskrivelse av bildet og inkorporere søkeordet ditt på en naturlig måte. For dekorative bilder som ikke trenger nøkkelord i alt-teksten, bør du ikke la dem stå tomme. I stedet bør du angi et "Null-attributt", slik at skjermlesere vet at de skal hoppe over bildet.

Eksempel på et null-attributt:
<img src="”insertimagetitlehere.jpg”" alt="&quot;&quot;">

 

Det er best å skrive alt-tekst til viktige bilder der det er mulig. Hvis nøkkelordet ditt for eksempel er "Macbook", vil du skrive det inn i alt-teksten, men alt-teksten må også gi mening. Du bør heller ikke skrive uvedkommende tekst, og alt-teksten bør ikke forklare at det er et bilde (for eksempel at bildet inneholder bildet inneholder).

 

Alt-teksten for dette bildet skal være: "Person i gul genser og gullarmbånd, sitter ved et skrivebord og skriver på Macbook"

 

Apper og tilleggsprogrammer: 

Åpen dysleksi-skrifttype

Noen dyslektikere bruker utvidelsen Åpen dysleksi til å endre skrifttypen i nettleseren til en skrifttype som er spesielt utviklet for dyslektikere. Ved å teste kompatibiliteten til nettstedet ditt med denne utvidelsen og bygge det med dette i tankene, kan du sørge for at nettstedet ditt er så dysleksivennlig og tilgjengelig som mulig. 

Colourblindly og Colourcontrast.CC.

Fargeblind er en annen Chrome-utvidelse, men denne gangen simulerer den hvordan nettstedet ditt kan se ut for personer med ulike typer fargeblindhet. Ved å klikke deg gjennom de ulike typene fargeblindhet kan du se hvordan nettstedet ditt blir sett på i sanntid. Dette sammen med Colourcontrast.cc er den perfekte kombinasjonen for å sikre at nettstedet ditt og merkevarebygging er så tilgjengelig som mulig. 

 

 

 

Alt-tekst AI:

Hvis du sliter med å skrive alt-tekst, finnes det AI-verktøy som kan hjelpe deg. Alttext.AI "leser" bildet og genererer en passende bildetekst. Husk å dobbeltsjekke dette, og husk å legge til nøkkelordet ditt (så sømløst som mulig) av hensyn til SEO. 

 

Andre måter å sikre nettstedets tilgjengelighet på.

• Gjør interaktive elementer enkle å få øye på - Dette innebærer blant annet å sørge for at lenkene har en annen farge og er understreket, og at knappene skiller seg ut mot bakgrunnen. Bruk verktøy som Colourcontrast.cc for å sjekke fargetilgjengeligheten og sørge for at fargene er kompatible. Unngå fargekombinasjoner som grått og gult og rosa og rødt.

 

• Sørg for at nettstedet ditt er tilgjengelig med tastatur - Noen funksjonshemninger, som muskeldystrofi, kan gjøre det vanskelig å bruke mus eller styreflate, slik at brukerne er avhengige av tastaturnavigering. Det er viktig å sørge for at nettstedet ditt kan navigeres ved hjelp av tastatur eller andre hjelpemidler når du utvikler nettstedet ditt. Bruk tabulatortasten for å komme til hvert enkelt element på nettsiden som kan fokuseres.
  • Elementer som bør kunne fokuseres på, inkluderer (men er på ingen måte begrenset til): Oppfordring til handling Knapper, Sammendrag og lyd- og videokontroller.

 

• Design for mobil bruk - Noen synes det er vanskelig å bruke en bærbar datamaskin, og er derfor avhengige av mobiler eller enheter med berøringsskjerm, for eksempel iPads, for å navigere på nettsteder. Å sørge for at nettstedet ditt har et responsivt design og er optimalisert for mobiler, er en fin måte å gjøre det mer tilgjengelig på. Spesielt siden omtrent 9 av 10 personer nå går inn på Internett via en eller annen form for mobil enhet. 

 

• Beskrivende ankertekst. Ankertekst, også kjent som lenketekst, er klikkbar tekst som lenker til et annet sted (vanligvis et annet nettsted eller en annen side). Ved å sørge for at denne teksten er beskrivende og tydelig, skaper du kontekst for brukerne, særlig de som bruker skjermlesere eller har lav internetthastighet og ikke kan klikke seg videre til lenken. 

Gå fremover og optimaliser!

Nå har du alle verktøyene og all informasjonen du trenger for å se hvor viktig tilgjengelighet på nettstedet egentlig er. når utforming av nettstedet dittVed å ta hensyn til hvordan alle brukere kan samhandle med nettstedet ditt, kan du også øke nettstedets gjennomsøkbarhet, øke økt varighet og redusere avvisningstiden - alt i alt en stor gevinst. Når det gjelder universell utforming, er det nesten umulig å oppnå perfeksjon. Det betyr imidlertid ikke at det er akseptabelt å gi opp ved første hinder. Optimaliser nettstedet ditt så godt som mulig, ta hensyn til alle de ovennevnte punktene, og hold deg oppdatert om nye måter å optimalisere nettstedet ditt for tilgjengelighet på.