Frontkom Fagblogg

Hvordan ta hensyn til visuelle funksjonsnedsettelser i UI-design

Skrevet av Agata Kosowska | 17.01.2023

Som UI-designer er det ditt ansvar å ikke bare lage visuelt tiltalende design, men også å sørge for at kreasjonene dine er tilgjengelige for et mangfoldig spekter av brukere.

Dette er spesielt viktig når det gjelder å imøtekomme personer med synshemming. Ved å følge noen få enkle retningslinjer kan du lage brukergrensesnitt som ikke bare er behagelige for øyet, men også inkluderende og brukervennlige for alle. I denne artikkelen vil vi utforske de ulike strategiene du kan bruke for å sikre at designene dine er visuelt tilgjengelige og dermed skape en optimal brukeropplevelse. Så ikke bli skremt, la oss komme i gang med å heve standarden for UI-design for alle!

Bruk høykontrastfarger

En av nøkkelmåtene for å sikre den visuelle tilgjengeligheten til UI-designet ditt er å bruke fargeoppsett med høy kontrast. Disse levende og iøynefallende kombinasjonene kan gjøre det betydelig enklere for personer med synshemminger å lese og samhandle med UI-elementene dine. Det er viktig å merke seg at ikke alle kontraster er skapt like – sørg for å sjekke kontrastforholdene til fargevalgene dine for å sikre at de oppfyller de nødvendige standardene for tilgjengelighet. Vær i tillegg oppmerksom på bredden på skriften din – bredere skrifttyper kan også forbedre lesbarheten for brukere med synshemming. Med litt forsiktighet og oppmerksomhet på detaljer kan du lage en UI-design som er både visuelt slående og tilgjengelig for alle.

Skriftstørrelsen betyr noe

En annen måte å sikre den visuelle tilgjengeligheten til UI-designet ditt er ved å bruke fonter med passende størrelse. I henhold til både WCAG-retningslinjene og Material Design, bør den minste teksten i designet være minst 16 pkt for å sikre lesbarhet for brukere med synshemming. Det er viktig å huske at designet ditt skal se bra ut selv når det vises med 200 % zoom, så ikke gå bananas med enorme fonter. Når det er sagt, ikke vær redd for å eksperimentere med større skriftstørrelser – de kan ikke bare forbedre lesbarheten for brukere med synshemninger, men også legge til et snev av visuell interesse til designet ditt. Så gi skriftstørrelsene dine et løft – dine synshemmede brukere (og designet ditt) vil takke deg for det.

Beskrivende alt-tekst gjør alt bedre

Alt-tekst, eller alternativ tekst, er et avgjørende aspekt for å sikre den visuelle tilgjengeligheten til UI-designet ditt. Ved å gi en kort beskrivelse av et bilde kan du hjelpe personer med synshemminger å forstå innholdet i bildet selv om de ikke kan se det. Det er imidlertid viktig å sørge for at alt-teksten din er effektiv for å formidle innholdet og formålet med bildet. Når du lager alt-beskrivelser, unngå å bruke unødvendige utfyllingsfraser som "bilde av" eller lignende. Sørg for å teste alt-teksten din grundig for å sikre at den viser og kommuniserer innholdet i bildet nøyaktig. Med litt forsiktighet og oppmerksomhet på detaljer kan du lage alt-tekst som er både effektiv og brukervennlig for alle brukere.

Gi overskrifter og grafiske elementer litt ekstra kjærlighet

Riktig bruk av overskrifter og grafiske elementer kan i stor grad forbedre navigasjonstilgjengeligheten til UI-designet for personer med synshemming. Ved å implementere en klar og logisk overskriftsstruktur kan du hjelpe brukere med å forstå innholdsarkitekturen til nettstedet eller applikasjonen din. I tillegg kan du, ved å bruke beskrivende lenkenavn og unngå bruk av tomme lenker, gjøre det enklere for brukere å forstå formålet med hver lenke og navigere til innholdet de er interessert i.

Det er avgjørende å sørge for at all viktig informasjon er kodet i HTML, slik at brukere kan bruke skjermlesere til å forstå utformingen og strukturen til designet ditt. Husk at bruk av overskrifter og grafiske elementer, sammen med passende og beskrivende lenkenavn, kan utgjøre en stor forskjell i navigasjonsopplevelsen for synshemmede brukere. Så gi dine overskrifter og grafiske elementer litt ekstra kjærlighet - brukerne dine vil sette pris på det.

Testing er nøkkelen

En av de mest kritiske aspektene for å sikre den visuelle tilgjengeligheten til UI-designet ditt er å teste det med personer som har synshemminger. Dette lar deg få tilbakemelding på hvor godt designet ditt dekker deres behov og foreta nødvendige justeringer. Testing med ekte brukere med synshemminger kan bidra til å identifisere problemer som kanskje ikke har vært synlige under designprosessen, og kan sikre at designet ditt er virkelig tilgjengelig.

Når du tester med brukere med synshemming, bør du vurdere å verve en mangfoldig gruppe individer med ulike typer synshemminger, for eksempel de med fargeblindhet, nedsatt syn eller total blindhet for å få en bedre forståelse av brukernes ulike behov og utfordringer. Dette vil også gi deg en mer omfattende forståelse av brukeropplevelsen på tvers av ulike scenarier og hjelpe deg med å skape et mer inkluderende design. Husk at tilgjengelighet ikke bare handler om samsvar, det handler om å virkelig forstå brukerbehovene, og testing er et viktig skritt for å nå denne forståelsen.

Hvis du leter etter eksperter innen tilgjengelig design - kontakt teamet vårt og la oss sørge for at alle kan sette pris på nettstedet eller appen din, selv med synshemminger!