Universell utforming

EUs webdirektiv om universell utforming av offentlige nettsteder og mobilapplikasjoner har vært førende for vår profil. Alle farger i vår palett har tatt hensyn til denne standarden for å sikre god kontrast mellom tekst og bakgrunnsfarge uavhengig av medie. 

I figuren under ser vi at alle støttefarger fra profilpaletten kan brukes som bakgrunn. Vi anbefaler svart tekst oppå fargebakgrunner. Teksten kan også ha navigasjonsfarge, men da må teksten være 18 pt eller mer.

For mer informasjon om WCAG 2.1-standarden i digitale flater, se egen artikkel hos UU-tilsynet.

Malene våre tar hensyn til universell utforming. Malene ivaretar dette gjennom bruk av høy kontrast og god fontstruktur. Designet er rent og uten forstyrrende elementer.

Malene har:

• Rene og tydelige skrifttyper – som hovedregel sort på hvit bakgrunn
  • De grafiske InDesign-malene bruker Nunito/Nunito Sans, Office-malene bruker Calibri.
• Definerte bakgrunnsfarger som er lyse og som sørger for at tekst alltid er godt synlig
• Store hovedtitler – og struktur for undertitler
• Brødteksten* har en god størrelse tilpasset sitt formål, med lesevennlig avstand mellom linjene

Bruk av riktig mal sørger for et godt utgangspunkt. Husk at du fortsatt er ansvarlig for at det endelige dokumentet blir universelt utformet.  

UU-tilsynet forklarer universell utforming på en enkel måte: 

Snarvei til kort introduksjon

Snarvei til gjeldende regelverk og krav

Snarvei til digitale dokumenter

Tips til deg som bruker Word og PowerPoint

• Bruk alltid fonten som er forhåndsdefinert i malene: Calibri brukes både i overskrifter og løpende tekst.
• Ikke knip eller spre bokstavene, hold deg i normal modus.
• Bruk fast venstremarg, la høyremargen være fleksibel slik som det er lagt opp i malene.
• Selv om STORE bokstaver er lettere å se isolert sett, blir lesbarheten nedsatt hvis dette brukes i større tekstmengder. Vi anbefaler ikke bruk av store bokstaver.
• Unngå å legge tekst direkte på bilder. All bildetekst er satt utenfor bilderammene i våre maler.
• Rett bruk av stiler, overskrifter, gode kontraster, tabellstruktur er noe av det du må huske på når du skriver dokumenter som kan lastes ned eller leses på nettet.
• Skriv kortere! Overfylte maler virker mot sin hensikt. Legg heller til sider. Vi har generelle skriveråd i designguiden vår.
  
  

Tips til deg som er designer

• Bruk alltid riktig fonter som er forhåndsdefinert i malene. De er rene og har lik tykkelse i streken (ukomplisert), tydelig og gode å lese. Tallene forveksles ikke med bokstaver og hopper ikke på linjen. 
• Selv om STORE bokstaver er lettere å se isolert sett, blir lesbarheten nedsatt hvis dette brukes i større tekstmengder. Vi anbefaler ikke bruk av store bokstaver.
• Ikke knip bokstavene (kerningen) i teksten for å få bedre plass, hold normal avstand mellom bokstavene.
• Ikke spre teksten på linjen slik at bokstavene står for langt fra hverandre.
• Bruk fast venstremarg, la høyremargen være fleksibel.
• Bruk kolonner slik at tekstlinjer ikke blir for lange (maks 80-90 tegn).
• «Større tekst er bedre, men ikke alltid best»: Stor tekst gjør budskap synlig, men stor tekst blir vanskelig å lese når teksten er lang.
• All bildetekst er satt utenfor bilderammene i våre maler. Skal tekst i noen design-tilfeller være oppå bilder må bakgrunnen være rolig og egnet til det for å sikre god kontrast og lesbarhet.
• Materialvalg påvirker lesbarheten på trykksaker – blanke overflater gjør tekst vanskelig å lese.
• Rett bruk av stiler, overskrifter, gode kontraster, tabellstruktur er noe av det du må huske på når du skriver dokumenter som kan lastes ned eller leses på nettet. Dette gjelder både Office-maler og InDesign-PDF.
• Bilder og illustrasjoner i digitale dokumenter skal ha en alternativ tekst som beskriver innholdet. Dette gjør at brukere som ikke kan se bildet i dokumentet fortsatt kan få med seg hva det dreier seg om.
• Kontroller at leserekkefølgen i en PDF blir riktig. Hvis tilfeldighetene råder, kan for eksempel en bildetekst leses før hovedoverskrift. Leserekkefølge sjekker du for eksempel i Adobe Acrobat. 
• I InDesign er det rekkefølgen på elementene i layers som styrer leserekkefølgen. Et godt tips er å jobbe riktig allerede der, da blir Acrobat brukt til kun å kontrollere leserekkefølgen. Det er flere ting å tenke på når universelt utformede PDF’er skal lages fra InDesign: Her er noen tips.
• *Det er ingen absolutt anbefalt størrelse på brødtekst i layout og trykksaker. Blindeforbundet anbefaler generelt en brødtekst på 11–12 punkt. Opplevelse av størrelse på brødtekst varierer ut i fra skrifttypens utførelse. Vår profilfont er en jevn og tydelig skrifttype som har god bredde i tegnene. Standard størrelse for brødtekst i våre trykksaker er 10,5 pt. Office-malene har en standard størrelse på 11,5 pt.