Guide til webtilgængelighed

Webtilgængelighed er en fælles indsats og mange forskellige parter har indflydelse på, hvordan den samlede brugeroplevelse kommer til udtryk. Vi har lavet en guide til, hvordan du kan være med til at højne webtilgængeligheden på dit site, og hvorfor det er vigtigt.

Som beslutningstager:

Når du er i tvivl om, hvorvidt det er vigtigt at investere i webtilgængelighed bør du tænke på, at ikke-optimerede websites udfordrer flere, end man tror. 1 ud af 7 har nemlig en form for handicap. Derudover kan du øge mængden af tilfredse brugere ved at leve op til webtilgængelighedskravene, og dermed potentielt øge din markedsandel. 

Hvorfor skal du som beslutningstager investere i at have et webtilgængeligt website?

  • Du får en bedre placering på søgemaskiner, og dermed øges din trafik
  • Forbedrede konverteringsrater, da flere brugere rent faktisk kan finde ud af at bruge dit website 
  • Optimering af dit sites performance
  • Du forbedrer den samlede brugeroplevelse hos samtlige brugere, ikke kun folk med en funktionsnedsættelse
  • Du øger kundetilfredsheden og skaber mere loyale brugere


Som redaktør:

Når du som redaktør arbejder med indholdet og vedligeholdelsen af et website, er der flere ting som du skal tænke på, hvis du vil bevare en høj webtilgængelighedsscore. Desuden kan et fokus på webtilgængelighed forbedre oplevelsen på hele sitet, for alle brugere. 

Huskeliste til redaktøren:

  • Skriv i et simpelt sprog, uden for lange sætninger, og brug et sprog som matcher det din målgruppe bruger og kan forstå.
  • Undgå for lange eller for komplekse ord
  • Undgå omvendt ordstilling
  • Tjek for stavefejl.
  • Udfyld meta descriptions, title tags og heading tags.
  • Brug beskrivende link-tekster.
  • Tjek at alle links virker.
  • Indsæt aldrig tekst på billeder, da det ikke kan aflæses af computeren.
  • Tjek op på dit sitemap, og sørg for det løbende bliver opdateret hvis I ændrer på sidestrukturen eller tilføjer nye sider.
  • Skriv en webtilgængelighedserklæring, så dine brugere ved, at du går op i webtilgængelighed. Få inspiration hos vores partner, Siteimprove, her
  • Værktøj: SiteImprove Accessibility Checker (plugin til Chrome)

Som designer:

Som designer er der en række forhold, som du skal forholde dig til, og en del værktøjer som du kan drage nytte af. Vi har samlet de bedste her:

  • Alt indhold, som ikke er tekst, bør have et tekst alternativ.
  • Farver må ikke være den eneste indikator, og kontrasten skal tilgodese farve blinde og svagtseende.
  • Siden er logisk opbygget og indholdet er visuelt rangeret.
  • Brugeren skal kunne forstørre designet op til 200%.

Gode værktøjer til designeren:


Som udvikler:

Som udvikler stiller webtilgængelighed krav til din kode. Det forbedrer ikke kun brugeroplevelsen, men hjælper også på søgemaskine-rangering, da Google også kigger på webtilgængelighed, når den rangerer.  For at udvikle et website som er webtilgængeligt skal du opfylde følgende:

  • Semantisk HTML: <div> fortæller ikke brugeren noget om, hvilket slags indhold det er.
  • Keyboard navigation: brugeren skal nemt kunne navigere rundt i indholdet ved at bruge tastaturet.
  • Sørg for, at der ikke er nogle keyboard fælder, din side bliver ubrugelig, hvis en en bruger ikke kan lukke et pop-up ved hjælp af ESC på tastaturet. 
  • Formålet med hvert link skal kunne bestemmes ud fra link-teksten eller link-kontexten. 
  • Labels og instructions, det skal være nemt at forstå hvordan du retter op på fejl. 
  • Gør det muligt for redaktøren at udfylde alt tekst, title tags og heading tags.
  • Error Identification, det skal være nemt for brugeren at finde deres fejl.

Gode værktøjer til udvikleren:

Kontakt

Heidi Mønnike Jørgensen

UX Lead & Strategist

 

hello@adaptagency.com