Hvordan presenterer vi utvidet info/hjelpetekst?

[mrosvik]

Bakgrunn

I noen tilfeller trenger vi å gi brukerne en mer utdypende forklaring eller en begrunnelse på hvorfor vi stiller et spørsmål. Noen ganger gir det mening å plassere denne informasjonen direkte i description, mens andre ganger er den kanskje selvsagt for mange, og vi vil derfor kun eksponere den for de som bevisst velger å åpne den.

Alternativer for å vise ekstra hjelpetekst:

1. HelpText. Noen bruker HelpText i form av en button med et spørsmålstegn-ikon som ved klikk viser en popover med mer utvidet informasjon.
2. ReadMore. Et annet alternativ er "ReadMore". Den består av en knapp som du klikker på for å åpne et tekstpanel.

Vi bør finne et felles mønster her.

Utfordringer

• HelpText kan ved feil plassering bli for skjermlesere lest opp som en del av label, og dermed blir description svært vanskelig å nå. Likeledes er det stor sannsynlighet for at HelpText ikke blir oppdaget i det hele tatt av assisterende teknologi, da det er vanlig å bare hoppe fra felt til felt, siden de allerede leser opp label+description. For både readmore og helptext må vi finne ut hvordan de skal knyttes opp mot input, og når innholdet skal leses opp.
• En annen utfordring med helptext er at det ofte plasseres mye innhold i den, som ikke er ideelt, da den blir vanskelig å bruke på små skjermer.
• Når avstanden mellom et spørsmål og svaralternativene blir stor kan bruker miste fokus på spørsmålet som stilles. Gjelder spesielt for folk med kognitive utfordringer.

Relevante artikler:

• https://aksel.nav.no/god-praksis/artikler/rekkefolge-pa-elementene-i-et-sporsmal

Forslag

a)

b)

[mrosvik]

Eksempel fra Skatteetaten: