Hvorfor er webtilgjengelighet relevant?
Webtilgjengelighet handler om å designe og utvikle nettsider på en måte som gjør det mulig for alle mennesker å bruke dem, uavhengig av eventuelle funksjonsnedsettelser, som for eksempel nedsatt syn. Ved å ta hensyn til webtilgjengelighet kan man skape mer inkluderende og tilgjengelige nettsider for alle kunder.
Med utgangspunkt i dette er det derfor viktig at det, på kundevendt innhold som bestillingsskjemaer, innlogging, e-poster og selvbetjeningen, blir tenkt over at innholdet skal være tilgjengelig for alle. Dette er særlig viktig hvis du selv styrer layout av innholdet, som i selvbetjeningen og velkomst-e-post.
Hvordan gjør man innhold tilgjengelig
Herunder finner du en oversikt over noen av de mest typiske fokusområdene innen webtilgjengelighet.
Vær oppmerksom på fargekontrasten. Fargekontrast handler om at ting skal være synlige og leselige for kundene. Her kan det både være snakk om fargeforskjell mellom for eksempel;
tekstfarge vs. knappfarge
knappfarge vs. bakgrunnsfarge
tekstfarge vs. bakgrunnsfarge.
Minimumskravet er en kontrast på 4.5:1.
Det finnes nettbaserte verktøy for å sjekke fargekontrast, som for eksempel:
https://webaim.org/resources/contrastchecker/ som også informerer om man overholder tilgjengelighetskravene.
Se eksempler på fargekontraster nedenfor. De som er markert med rødt X, overholder ikke minimumskravet.
Hvis bildet inneholder opplysninger som er nødvendige eller relevante for å forstå innholdet det inngår i (for eksempel diagrammer eller illustrasjoner), skal dere sørge for at bildet har tilknyttet en alt-tekst, slik at skjermlesere kan lese innholdet høyt for brukeren. Er bildet kun dekorativt, er en alt-tekst ikke nødvendig.
Lenketekster, både i tekstform og på knapper, skal være beskrivende for innholdet de lenker til. For eksempel vil en lenketekst som “Se profilen din” eller “Gå til profilen din” være mer presis for handlingen som skjer når du klikker på lenken, enn en generisk tekst som “Klikk her” eller “Les mer”.
Legger dere selv inn knapper via kode, for eksempel i e-post, skal dere sørge for at de som minimum har et klikk-område på 44*44 piksler.
Bruk overskrifter i riktig rekkefølge. Bruker man for eksempel skjermleser eller tastatur for å navigere seg gjennom siden, er det en hjelp at hierarkiet i innholdet er i orden. For eksempel er det ikke hensiktsmessig hvis en overskrift hopper fra H1 til H4.
Gjør du særskilte endringer i selvbetjeningen eller embedder den som iframe på nettstedet deres, må du i tillegg være oppmerksom på å sikre at all funksjonalitet og alt innhold kan nås ved hjelp av et tastatur eller en skjermleser.
Ovenstående giver en kort introduksjon til kravene for universell utforming på nett. Hvis du vil utforske temaet mer i detalj, kan du besøke Digitaliseringsstyrelsens nettside (ENG). Ytterligere ressurser, verktøy og videoguides finnes også på Digitaliseringsstyrelsens nettside (DK), men disse ressursene er kun tilgjengelige på dansk