Fredrik E. Nilsen blogget fredag om at Universitetet i Oslos kampanjenettsted ikke er tilgjengelig for alle brukergrupper. Halogen har i samarbeid med Avenir levert nettstedet, og går her vårt eget arbeid nøyere i sømmene.

Mye var riktig

I prosjektet som skulle lage nytt kampanjenettsted for UiO (høsten 2008) var mye riktig:

  • UiO som kunde var fra dag én tydelige på at nettstedet måtte være tilgjengelig, og fulgte dette godt opp underveis
  • Fra Halogen og Avenir var grafisk designer, utvikler og informasjonsarkitekt erfarne og bevisste på tilgjengelighet og jobbet aktivt med dette underveis

Så når Fredrik E. Nilsen bekymrer seg over at ”både UiO og Halogen har glemt at universitetets tilbud skal være tilgjengelig for hele befolkningen” er svaret: – Vi hadde ikke glemt det, vi hadde det tvert i mot høyt oppe på dagsordenen. Dermed er det interessant å spørre: hvordan kunne dette likevel skje?

La oss ta Fredriks funn punkt for punkt:

1. Teksten er ikke tilgjengelig for skjermleser og andre støtteverktøy

Først en innrømmelse: På kampanjenettstedet har vi brukt Flash. Flash er fyfy for blinde – det visste vi – derfor valgte vi ikke Flash før vi hadde sjekket at vi også hadde en løsning for de som ikke kan bruke Flashen. Løsningen ble en html-versjon av hver side, som vi inntil nå trodde fungerte.

Nå har teknikerne fra Avenir gravd i løsningen og funnet ut følgende: Implementeringen av html-fallbacken er kodet feil. Eller riktigere, den er kodet på en måte som var perfekt i teorien, men som viser seg å feile i praksis.

Dette har vi lært: vi må ha de samme verktøyene selv når vi skal teste om løsningen fungerer. Maskin med skjermleser og leselist står øverst på handlelisten og vil bli brukt neste gang!

2: Meningsløse linknavn for de som bruker skjermleser

Her tror vi Fredrik sikter til at linkene ikke vises når man bruker skjermleser, og ikke selve menynavnet? I såfall gjelder samme svar som på 1.

Linknavnene i løsningen er til en viss grad kontekstavhengig – dvs at linker som ”Jus, økonomi, ledelse og administrasjon” gir mest mening hvis en blind bruker husker at hun rett før klikket på ”Studietilbud”. I tillegg er vi enige i at enkeltlinker som ”getReal” fungerer dårlig om brukeren kun velger å få lest opp linkene, i stedet for å få lest opp hele siden.

Ut over dette har vi iterert og brukertestet linker og menynavn – det finnes selvfølgelig alltid rom for forbedring. Men HELT meningsløse skulle de nå ikke være;-)

3. Navigasjon er vanskelig/umulig for de som ikke kan bruke mus

Godt påpekt! Vi legger oss langflate. Her har vi syndet mot en klassiker i tilgjengelighetsarbeidet, nemlig å fokusere så mye på blinde og svaksynte at vi glemte fysisk funksjonshemming. Dette går inn med blokkbokstaver i erfaringsdatabasen!

Å tilby navigering med tastatur i en flash-løsning er kronglete men ikke umulig. Avenir er på saken as we speak.

4. Dårlige kontraster og fargevalg for svaksynte

Fargevalget er gjort med utgangspunkt i UiOs profilfarger for å binde kampanjenettstedet sammen med UiOs hovednettsted. Vår erfarne grafiske designer testet naturligvis kontrasten i forhold til tilgjengelighet, og alle passerte unntatt hvitt på gult som er brukt en gang på forsiden.

Utvikler implementerte med utgangspunktet i designskissene, men var nødt å gjøre noen mindre endringer i fargekodene. Hvorfor er ingen av oss lenger i stand til å huske – det var i en hektisk prosjektinnspurt for 1,5 år siden…

Endringene i fargene var tilsynelatende minimale, og først da vi testet de nå ser vi at de slår ut overraskende forskjellig på kontrastnivå – prøv gjerne med hvit tekst selv med et kontrastsjekkingsverktøy.

  • Original blå: #0099CC    ble til ny blå: #27A8D3
  • Original rød: #CC0000   ble til ny rød: #D73939
  • Original gul: #FFCC00    ble til ny gul: #FFD11D
  • Original grå: #838383   ble til ny grå: #969696

Hva gjør vi nå?

  1. Retter opp der tilgjengeligheten sviktet på uio.no/blistudent
  2. Bruker dette som en anledning til å bli bedre. Når glipper skjer er vi glade de blir oppdaget, og jeg vet om noen som kommer til å dobbeltsjekke både kontraster og tab-testen før vi går live neste gang;-)