Universell utforming av bilete og grafikk
Desse prinsippa er sentrale for universell utforming av bilete, illustrasjonar og grafikk:
Unngå innbrunnen tekst, forklar i tekst i staden.
Lag alt-tekstar.
Bruk gode kontrastar.
Fargar må ikkje vere den einaste informasjonen.
Bruk oppløysing som toler å bli forstørra.
Nokre bilete inneheld tekst. Informasjon i skjermbilete, illustrasjonar, grafar og diagram må gjerast tilgjengeleg for dei som ikkje ser. Bilettekstar og alt-tekster kan brukast til det. Viktig innhald bør òg forklarast meir utdjupande i tekst ved sida av biletet, grafikken eller illustrasjonen.
Nokre gonger er teksten òg innbrunnen og ikkje mogleg å markere. Då vil han ikkje bli fanga opp av skjermlesarar.
Bruker vi vektorformat når vi lagar og lagrar visuelt innhald, kan det bli forstørra utan å tape innhaldsverdi eller funksjon. Svg-filformatet gjer det mogleg å markere tekst i bilete.
Ein alt-tekst er ein kort, beskrivande tekst som på ein nøytral måte beskriv kva som er på eit bilete. I tillegg skal innhaldstypen, som foto, illustrasjon eller grafikk, nemnast i alt-teksten.
Alt-teksten er ikkje synleg, men blir lesen opp av skjermlesar for dei som bruker det hjelpemiddelet. Dersom ei nettside ikkje klarer å laste opp eit bilete, vil alt-teksten dukke opp i staden.
Bilete på nettsider må ha alt-attributt i koden slik at skjermlesarar oppfattar desse rett. Alt-teksten til biletet under, "To jenter som ler framfor ein pc. Foto.", blir koda slik:alt="To jenter som ler framfor ein pc. Foto."
Ver merksam på at biletet under har synleg tekst: "Når vi bruker bilete på nettet, bør vi òg ha ein alt-tekst som beskriv innhaldet i biletet." Dette er ein bilettekst, ikkje ein alt-tekst.
For brukarar med nedsett syn er det viktig at visuelt innhald har gode kontrastar. Kontrast betyr at element er motsetningar og ulike frå kvarandre. Når eit bilete har gode kontrastar, er det lettare å skilje element frå kvarandre og oppfatte kva som er på biletet.
Vi kan bruke ei rekke verktøy for å analysere kontrast på bilete.
Dersom det er tekst i eit bilete, skal kontrastforholdet mellom tekst og bakgrunn vere minst 4,5 : 1. Mørk tekst på lys bakgrunn vil gi eit høgt tal, som betyr at det er god kontrast. Svart på kvit bakgrunn vil få kontrastforholdet 21 : 1, som er ein svært god og tydeleg kontrast.
Lyse fargar på lys bakgrunn kan få dårleg kontrast og er vanskelegare å oppfatte, til dømes lyseblå tekst på lys grøn bakgrunn. Dersom det første talet er lågare enn 4,5, er det for dårleg kontrastforhold.
Ikkje alle oppfattar fargar likt. Personar som er fargeblinde, oppfattar fleire fargar og særleg grønt på ein annan måte.
Derfor er det viktig at farge i seg sjølv ikkje er den einaste informasjonen i eit bilete. "Sjå på det grøne feltet" vil ikkje vere hjelpsamt for personar som er fargeblinde. Då bør vi gi tilleggsinformasjon som "Sjå på feltet heilt til høgre". Vi kan òg bruke tekst, ikon eller symbol for å supplere fargeinformasjonen.
Sjå korleis ulike fargar blir oppfatta, og last opp bilete for sjekk i verktøyet Color Blind Vision Simulator hos Pilestone.
Last opp bilete og illustrasjonar med god oppløysing slik at nettbrukarar kan forstørre dei. Det er krav om at innhald skal kunne førstørrast inntil 400 prosent med 1 280 pikslar i breidda utan at funksjonalitet eller informasjon går tapt.
Dersom du jobbar med illustrasjonar, er det lurt å lage vektorgrafikk, sidan det toler å bli forstørra i det uendelege. Svg-filformatet toler godt forstørring.
Jpeg-bilete taper kvalitet ved forstørring. Pass på at du kan forstørre bilete mykje utan at oppløysinga blir for dårleg.
Ved sida av grafikk kan det skrivast eit avsnitt om innhaldet i grafikken. Slik kan viktig informasjon formidlast òg til dei som ikkje kan sjå.
Gjennom visuell støtte av talmaterialet hjelper vi personar som slit med talforståing eller lesing og skriving.
Grafikk med tekst og bilete kan følge fleire prinsipp for universell utforming. Vi kan
bruke gode fargekontrastar og bruke fargekontrastverktøy som Adobe Color Contrast Analyzer for å sjekke kontrasten
plassere tekst og tal ved sida av kvarandre
la vere å berre bruke fargar for å gi informasjon
beskrive innhaldet i eit tekstavsnitt
gi talmateriale i ein tabell ved sida av
bruke vektorformat slik at teksten kan forstørrast og lagrast som svg-fil, slik at teksten kan markerast
Sjå gjerne Uutilsynets rettleiing om bruk av bilete og grafikk for meir om grafikk og tekst i bilete.
