• Bruk etablerte knappetekster

    Hvordan gjør du det?

    • Bruk de vanligste knappetekstene hvis du kan.
    • Legg spesielt merke til at Elmer 3 stiller krav om at alle skjemaer skal ha en tydelig Send-knapp.

    Eksempler

    Logg inn

    Logg inn
    Logg inn og <handling>

    Navigere fram og tilbake

    Neste, Forrige
    Fortsett, Tilbake

    Velge og laste opp vedlegg

    Last opp
    Velg

    Avbryte

    Avbryt
    Avbryt og lagre utkast
    Avbryt og slett søknad

    Sende inn skjema

    Send
    Avslutt og logg ut
    Avslutt
    Logg ut

    Hvorfor er dette lurt?

    Det er en fordel å bruke de formuleringene brukerne kjenner godt. Da går navigeringen av seg selv, og brukerne kan konsentrere seg om oppgaven de skal løse.

    Gode ressurser og videre lesning

     

    Lenkeblokk Icon Elmer 3, 2.5 og 5.3
  • Bruk oppfordringsform (imperativ) på knapper når brukerne kan gjøre noe

    Hvordan gjør du det?

    Velg verb i oppfordringsform (imperativ) på knapper som gir brukerne mulighet til å utføre en handling (call to action).

    Eksempler

    Logg inn

    Last opp 

    Send

    Hvorfor er dette lurt?

    Det har blitt en konvensjon å bruke imperativ i knappetekster. Ved å følge dette prinsippet hjelper vi brukerne å skille mellom lese-oppgaver (Søke barnehageplass, Bestille henting av avfall ) og oppgaver der brukerne faktisk kan utføre en handling (Søk barnehageplass, Bestill henting av avfall).




  • Bruk stor forbokstav

    Hvordan gjør du det?

    Her skal det være stor forbokstav i første ord uansett form (ett ord, flere ord eller fullstendig setning):

    • titler og mellomtitler
    • ledetekster
    • alternativer
    • knapper

    Eksempler


    I dette eksemplet fra Difis skjemaveiledning ser vi at både ledetekst, alternativer og knapper følger konvensjoner om stor forbokstav. 


    Her ser vi hvordan NAV følger prinsippet om stor forbokstav i overskrifter, ledetekster og alternativer. 

    Hvorfor er dette lurt?

    • Det har blitt en konvensjonen å bruke stor forbokstav på titler, ledetekster, menyer, alternativer og knapper. Å følge denne konvensjonen gir et intuitivt brukergrensesnitt.
    • Å bruke stor forbokstav i titler og mellomtitler kjenner vi også fra norske skriveregler.



  • Skill mellom funksjonen til lenker og knapper

    Hvordan gjør du det?

    • Bruk lenker når brukerne skal komme til en ny side.
    • Bruk knapper når brukerne skal utføre en konkret handling som f.eks. Logg inn, Send og Last opp.
    • La lenker se ut som lenker, og knapper som knapper.

    Hvorfor er dette lurt?

    • For at innholdet skal være lett tilgjengelig for alle, må det ha en lett gjenkjennelig form (WCAG 1.3.1).
    • Brukere med hjelpemiddel skal enkelt kunne se hva som er en lenke som tilbyr å flytte dem til en ny side, og hva som er knappen for å sende inn et skjema.

    Gode ressurser og videre lesning

    Lenkeblokk Icon Difis veiledning om skjema
  • Unngå bare store bokstaver

    Hvordan gjør du det?

    • Start knappeteksten med stor forbokstav, bruk deretter små bokstaver.
    • Står det flere ord på knappen, er det bare det første ordet som skal ha stor forbokstav.

    Hvorfor er dette lurt?

    • Når vi leser kjapt, er det selve ordbildet vi leser. Det er enklere å gjenkjenne ord som er skrevet med små bokstaver (minuskler) enn med store bokstaver (versaler). Det er fordi ord med versaler uansett bare ser ut som en "boks", mens minusklene lager et "bilde" av ordet.
    • Å bruke bare store bokstaver kan oppfattes som roping. I skriveguiden til www.gov.uk formulerer de seg slik: "Block capitals indicate shouting in common online usage. We are government. We should not be shouting."

    Gode ressurser og videre lesning

    Lenkeblokk Icon Writing for GOV.UK: How to write well for your audience, including specialists