Rapport "Alle kan delta på web"

Transkript

1 Prosjektnummer: 2011/1/0540 Virksomhetsområde: Forebygging Søkerorganisasjon: Studieforbudent Funkis Rapport "" 1

2 Forord Studieforbundet Funkis er en paraplyorganisasjon for funksjonshemmede, kronisk syke og deres pårørende. For Funkis er det en selvsagt prioritering å tilrettelegge for deltakelse for alle. Hensikten med rapporten er å vise nødvendigheten av og kompleksiteten i universell utforming av web. Med håp om at dette i framtida vil åpne kursarenaen for flere. Prosjektet er av forebyggende karakter med tilrettelegging for deltakelse på kursarenaen for flere med funksjonsnedsettelser. Prosjektets har vært ettårig, med utsettelse fra 2012 til 2013 grunnet merarbeid i Funkis og medlemsorganisasjonene med innføring av nytt administrasjonsprogram. Kompleksiteten i arbeidet med universell utforming av web har gjort prosjektet avhengig av profesjonelle aktører. MediaLT har hatt denne rollen. Prosjektet er meget godt fornøyd med jobben de har gjort. Takk til MediaLT. Norsk Nettskole som drifter læringsplattformen PedIT, har programmert om/ endret deler av plattformen etter MediaLT sine anbefalinger. Deler av dette arbeidet vil også komme andre kursdeltakere som bruker PedIT til gode. Ny kompetanse på et viktig felt er på plass. Takk for godt samarbeid. I mange prosjekter over flere år har Funkis samarbeidet med medlemsorganisasjonene om utvikling og arrangering av nettkurs. Implementering av forbedret plattform og tilpasning av hvert enkelt kurs er i gang. Dette er et felt i kontinuerlig utvikling og endring. Arbeidet som er gjort i dette prosjektet er en god start på bygging av kompetanse, bevissthet rundt universell utforming og praktisk resultat i Funkis sine nettkurs. Tolga, 4.februar 2014 Jon Oddvar Eide prosjektleder 2

3 Sammendrag Studieforbundet Funkis har utviklet ulike nettkurs for sine medlemsorganisasjoner i samarbeid med Norsk Nettskole i det 3-årige prosjektet "e-læring for alle". Prosjektet ble finansiert av Extrastiftelsen. Med mål å nå så mange som mulig av våre medlemmer, var det avgjørende for Funkis å tilrettelegge nettkursene universelt utformet. I dette arbeidet var vi helt avhengig av ekstern ekspertise. To hovedaktører var aktuelle, FunkaNU og MediaLT. Prosjektet var innledningsvis i kontakt med begge. FunkaNu hadde uavhengig av vårt prosjekt allerede på oppdrag av Norges Blindeforbund gjort tester på universell utforming av ulike læringsplattformer brukt i Norge. Blant disse PedIT som er Norsk Nettskole sin plattform. MediaLT hadde i prosjektet "Sosial web i organisasjonsarbeid i frivillige organisasjoner" vært med å utvikle Funkis sin hjemmeside med universell utforming som mål. Prosjektet bestemte seg for å søke å skape gjenkjennelse/ sammenheng mellom hjemmeside og nettkurs. Altså ble MediaLT valgt som samarbeidspartner. De fikk innledningsvis tilgang til kursene for å teste i forhold til internasjonale standarder for universell utforming av web. Samarbeid mellom MediaLT og Norsk Nettskole ble opprettet. Skolering av Norsk Nettskole sine programmerere i forhold til universell utforming ble gjennomført. Det ble arrangert flere fysiske samlinger der MediaLT presenterte sine forslag for Norsk Nettskole. Programmering for å gjøre plattformen bedre med hensyn til universell utforming ble gjort av Norsk Nettskole og kvalitetssikret av MediaLT. Dette har også innebåret videreutvikling av Forum og Introduksjonsdel til Funkis sine kurs. PedIT som læringsplattform gir store muligheter for kursutviklere å påvirke utforming. Det er både en styrke og en svakhet ved plattformen. Det innebærer at kursutviklerne i medlemsorganisasjonene også må kunne universell utforming på web. MediaLT har presentert for studieledere både i Studieforum og Nettforum grunnprinsippene de skal jobbe etter. Web - ansvarlig i Funkis har vært på kurs hos MediaLT i universell utforming i PedIT, men også i Word og PDF- format for å sikre at vedleggene i kursene er tilrettelagt. Denne kunnskapen er spredd til Funkis sitt sekretariat og studieledere i medlemsorganisasjonene. MediaLT var i Funkis sitt Studieforum og presenterte boka "Web og universell utforming". Her har alle studieledere tilgang. Funkis og Norsk Nettskole har utarbeidet en felles mal for alle kurs som ivaretar universell utforming. 3

4 1.Bakgrunn for prosjektet... 7 Brukergrupper med spesielle behov... 7 Blinde:... 7 Sterkt svaksynte:... 7 Svaksynte og fargeblinde:... 7 Bevegelseshemmede:... 8 Hørselshemmede:... 8 Dyslektikere... 8 Eldre:... 8 Utviklingshemmede:... 8 Fremmedspråklige: Prosjektets målsetting... 9 Prosjektets målgruppe Beskrivelse av gjennomføring Tjuvstart Tjuvstart Tjuvstart MediaLT: Gjennomgang av Funkis sine nettkurs Pedit gjennomgang av Funka Felles funn / sammenlikning av kursene Studielederkompetanse Å leve et friskere liv Veilederkompetanse Styrearbeid pilot Valgkomiteen LHL Likemannskurs Introduksjon Norsk Nettskole: Tekniske oppgaver PedIT Gjennomgang av Funkis sine nettkurs Justeringer Større tekniske endringer Grunnleggende endringer Diverse

5 Prioritert rekkefølge Større tekniske endringer Diverse Oppgaver med lavere prioritering Gjøres av Funkis i samarbeid med NN Gjøres av Funkis Norsk Nettskole: Rapport arbeid og resultater med tilgjengelighet i PedIT(Funkis) HTML Validator (W3C) Hva bruker selv legger inn Aktivitetslister/artikkellister Alle bildelenker generert av PedIT Forum Skrevet av på Artikkel/Forum/Etc Avis/artikkel Handlingsplaner/Skriveprosess/Med mer Visning av personer i gruppe/handslingsplan/etc Menyer Personlig side Opplasting fil/bilde Generelt Oppgave/Skjema Editor Annet Utvikling av universelt utformet mal Tiltaksliste ved oppretting av kurs i PedIT Testing av mal Spredning og implementering Studieforum Årets første Årets andre Nettforum Årets første Årets andre Hjemmeside og nyhetsbrev

6 4. Oppsummering Videre planer

7 1. Bakgrunn for prosjektet Studieforbundet Funkis (Funkis) har gjennom støtte fra Extrastiftelsen utviklet nettbaserte kurs for sine medlemmer. I det tidligere prosjektet "e-læring på vår måte" er det gjennomført kurs innen studie-, organisasjons- og mestringsarbeid. Se nyhetsbrev fra Funkis. Funkis og flere medlemsorganisasjoner arrangerer årlig nettkurs innen disse områdene. Plattformen er et spleiselag mellom Funkis og organisasjonene. Funkis er koordinator og ansvarlig for faglig oppgradering gjennom samarbeid med leverandør av plattformen Norsk Nettskole og evt. andre aktører. Funkis arrangerer Nettforum minimum to ganger i året der medlemmer samles og deler erfaringer og erverver ny kompetanse. Begrunnelsen for å søke midler til dette prosjektet har vært de mange ulike målgrupper Funkis og medlemsorganisasjonene skal tilby nettkurs for. Det er mange ulike måter å lese en nettside på. Blinde bruker en skjermleser og får opp tekst i punktskrift og lest opp siden med syntetisk tale. Bevegelseshemmede bruker kanskje spesielle bryterløsninger eller pekeenheter. Noen surfer med mobilen, andre har en standard datamaskin med skjerm, tastatur og mus. Skal nettsidene kunne presenteres med ulikt utstyr og nettlesere må sidene designes spesielt med tanke på dette. Brukergrupper med spesielle behov Under følger en kort oppsummering av noen brukergrupper med spesielle behov. Denne gjennomgangen er på ingen måte komplett. Blinde: Punktskrift (blindeskrift) og kunstig tale brukes av blinde og noen sterkt svaksynte for å få tilgang til informasjon som presenteres på skjermen. Spesiell programvare, skjermlesere, benyttes for å sende output til talemotoren og/eller leselisten. Sterkt svaksynte: I denne sammenheng menes de som må bruke tekniske hjelpemidler for å benytte en datamaskin. Det vanligste hjelpemiddelet er skjermforstørrere. Spesiell programvare forstørrer skjermbildet. Det følger en enkel skjermforstørrer med Windows, men kommersielle skjermlesere har gjerne mer funksjonalitet. Det er ikke vanlig at skjermforstørrerne har like omfattende funksjonalitet som hjelpemidler for blinde, men mange sterkt svaksynte benytter kunstig tale i kombinasjon med forstørring. Svaksynte og fargeblinde: Mange med nedsatt syn kan bruke en stor skjerm uten andre hjelpemidler. Likevel vil riktig design av nettsider være viktig. Stikkord er: skrifttype og størrelse, kontrast, struktur/oversikt, enkel/forståelig grafikk mm. Mange i denne gruppen kan ha nytte av en lese-funksjon på nettsidene. Spesielt er dette aktuelt for sider med litt lengre artikler. 7

8 Bevegelseshemmede: Mange bevegelseshemmede har ikke "spesielle behov" i forbindelse med bruk av internett. I prinsippet er det bevegelseshemmede som ikke kan bruke tastatur/mus som vil ha nytte av at det tas spesielle hensyn. Hjelpemidler for bevegelseshemmede inkluderer spesialisert pekeutstyr, scanne-løsninger, bryterstyring mm. Siden noen kan ha problemer med å styre musen til eksakt posisjon bør knappene være store. Noen må også scanne (hoppe) fra lenke til lenke, og da er det viktig at sidene ikke har for mange lenker. Hørselshemmede: Den største utfordringen for hørselshemmede er språk. Det er ekstra viktig for sterkt hørselshemmede at språket er ryddig, forståelig og enkelt. Dette vil i tillegg være en fordel for alle andre! Dersom en side bruker lyd, f.eks. opptak av en tale, bør det finnes en tilsvarende tekstversjon. Dyslektikere: En god del av det som står om svaksynte gjelder også mennesker med dysleksi. For sider med mye tekst anbefaler vi å vurdere en løsning med mulighet for opplesing av teksten. Dette kan hjelpe svaksynte, dyslektikere, eldre m. fl. Eldre: Det er en stadig større gruppe eldre mennesker som tar i bruk nettet! Det er ikke uvanlig å få nedsatt syn, hørsel, bevegelighet osv. med alderen, og behovene vil da tilsvare det som står over. Utviklingshemmede: For mange utviklingshemmede er enkelt språk viktig. Noen i denne gruppen skjønner symboler bedre enn tekst. I spesielle tilfeller kan det være fornuftig å bruke symbolspråk (bliss eller liknende). Fremmedspråklige: Mange fremmedspråklige sier at det er meget god hjelp i å få nettsidene lest opp. Muligens har dette sammenheng med at de lærer seg muntlig språk, men at det kan være vrient å lese. Selvsagt finnes det også mennesker i denne kategorien som ikke kan lese, eller som har spesifikke lesevansker Universell utforming av web er et felt under rask utvikling. Den nye antidiskrimineringsloven har medført økt bevissthet om tilgjengelighet og universell utforming generelt. WCAG de mest kjente retningslinjene for universell utforming av innhold på nettsider. Den endelige WCAG 2.0-spesifikasjonen ble frigitt 11. desember Foreløpig er ikke denne nye standarden implementert i offentlig lovverk mm, men det er bred enighet om at de nye retningslinjene er mer egnet for å vurdere tilgjengeligheten på moderne nettsteder. I WCAG 2.0 brukes fire prinsipper for tilgjengelig web-innhold: 1. Gjenkjenbart - informasjon og brukergrensesnitt må presenteres på måter brukerne kan tilegne seg. 2. Anvendelig - brukergrensesnitt og navigasjon må fungere. 8

9 3. Forståelig - informasjon og kontroll med brukergrensesnitt må være forståelig. 4. Robust - innhold må kunne presenteres på ulike agenter inkludert hjelpemiddelteknologi. 12 retningslinjer er laget for å støtte opp under de fire prinsippene (dette er ikke en helt fullstendig oversettelse): 1.1 Alternativ tekst: Tilby et tekstalternativ til ikke-tekstlig innhold. 1.2 Tids-baserte medier: Tilby alternativer til tids-baserte medier. 1.3 Konfigurerbart: Lag innhold som kan presenteres på alternative måter (f.eks. enklere layout) uten at struktur eller informasjon går tapt. 1.4 Gjenkjennelig: Gjør det enklere for brukere å se og høre innhold, inkludert mulighet for å separere for- og bakgrunn. 2.1 Tastatur: All funksjonalitet skal kunne brukes med tastatur. 2.2 Nok tid: Gi brukere nok tid til å lese og bruke innhold. 2.3 Anfall: Ikke utform innhold på en måte som er kjent for å kunne forårsake anfall. 2.4 Navigerbart: Tilby metodikk som hjelper brukere med å navigere, finne innhold og finne ut hvor de er. 3.1 Lesbart: Gjør tekstinnhold lesbart og forståelig. 3.2 Forutsigbart: Lag nettsider som fungerer og ser ut på forutsigbare måter. 3.3 Input assistanse: Hjelp brukere med å unngå, og å rette opp feil. 4.1 Kompatibilitet: Maksimer kompatibilitet med eksisterende og fremtidige agenter inkl. hjelpemiddelteknologi. Suksesskriterier brukes for å avgjøre om nettsider følger standarden. Totalt er det 61 slike kriterier og tre nivåer for godkjenning. Suksess kriterier er klassifisert i tre nivåer (A, AA og AAA). Fem forutsetninger skal til før sider kan få godkjenning: 1. Alle suksess kriteriene på et nivå skal innfris 2. Hele siden skal oppfylle kriteriene på et gitt nivå 3. Hele prosesser skal møte kriteriene på et gitt nivå 4. Kun teknologi med støtte for tilgjengelighet skal benyttes 5. Brukes teknologi som ikke er tilgjengelig skal ikke dette ødelegge for resten av siden. Informasjon/funksjonalitet må også eksistere i tilgjengelige teknologier. For Funkis er det viktig å kunne tilby kurs til alle våre medlemsorganisasjoner. 2. Prosjektets målsetting Forespørsel fra potensiell kursdeltaker: "Tenkte å melde meg på kurset Å leve et friskere liv. Jeg er svaksynt og har lett cp i tillegg. Er ikke under noe behandling eller det er ikke noe som forandrer seg, men 9

10 tror at mange av temaene kan være nyttige uansett. Er dette programmet/verktøyet vanskelig og bruke? Tenker da i forhold til syn." Denne type henvendelser ønsker Funkis å kunne svare klart og entydig på i framtida. Funkis sine nettbaserte kurs skal virke inkluderende i forhold til brukere med ulike funksjonsevner, slik at flest mulig kan bruke samme produkt eller løsning uten komplisert tilleggsutstyr eller tjenester. Prosjektets målgruppe Prosjektets målgruppe har vært todelt: 1. Løsningene skal tilfredsstille kravene til de mest krevende nettkursbrukerne - de som har høyest krav til funksjonalitet og brukervennlighet. Funkis har i utvikling av nettkurs samarbeidet med mange av medlemsorganisasjonene. De som i dag deltar i spleiselaget på læringsplattformen Pedit, med Funkis som koordinator, er ADHD Norge, Hørselshemmedes Landsforbund, Landsforeningen for Hjerte- og Lungesyke, Mental Helse, Norsk Dystoniforening, Norsk Fibromyalgi Forbund, Norsk forening for Nevrofibromatose, Ryggforeningen i Norge, Norsk forening for slagrammede og Vårres regionalt brukerstyrt senter Nettkurs Funkis. 2. Kunnskap om universell utforming på web skulle bli en del av FUNKIS sine kursutviklere og kursholdere sin verktøykasse. Også Funkis sitt sekretariat har vært sentrale i kompetansebyggingen. Særlig viktig er det at de har kunnskap om hvordan de skriver dokumenter i word- og pdf-format som gjør vedlegg i nettkursene tilgjengelig for alle. I tillegg må tilføyes at Norsk Nettskole sine programmerere og designere gjennom samarbeid med MediaLT har fått økt sin kompetanse innen universell utforming av websider. Dette har vært helt avgjørende, da mange av MediaLT sine forslag til forbedringer ligger i læringsplattformens oppbygging. Altså har prosjektet vært avhengige av deres programmerere og designere. 3. Beskrivelse av gjennomføring Prosjektets oppstart ble forsinket grunnet merarbeid for Funkis og organisasjonenes studieledere med innføring av nytt kurs- og administrasjonsprogram. Tjuvstart 1 Heldigvis hadde vi tjuvstartet litt i det tidligere prosjektet "Mange flere vil". Mestringskurset "Å leve et friskere liv på nett" var satt fokus på i nevnte prosjekt. MediaLT utarbeidet en rapport. Den fokuserte spesielt på bruk av Forum i kurset. For at blinde og svaksynte skulle kunne orientere seg i de ulike fora, var det nødvendig å gjøre endringer her. 10

11 MediaLT utarbeidet et forslag til en ny løsning. Dette var ikke en veldig triviell jobb. Da hadde det nok vært langt flere godt tilgjengelige forum, ifølge MediaLT. Utarbeiding av kravspesifikasjoner var hovedjobben i Altså hadde vi så smått startet prosessen mot universell utforming av Funkis sine nettkurs. Tjuvstart 2 I prosessen mot økt kompetanse innen universell utforming av web, ble sekretariatet i Funkis og prosjektleder enige om viktigheten av å bli kjent med miljøer innen feltet og hvordan de jobber i andre prosjekter. Som prosjektleder fikk jeg delta i MediaLT sitt prosjekt Nettborger der følgende kompetansemiljøer var med: Norsk Regnesentral, Epinova, Karde, deltasenteret, Høgskolen i Oslo og Akershus, Eikholt kompetansesenter og mange av brukerorganisasjonene. Litt om Nettborgerprosjektet Nettborger var et forsknings- og utviklingsprosjekt som mottok støtte fra Norges forskningsråd gjennom IT-Funk programmet og Fornyings-, administrasjons- og kirkedepartementet. Det var et samarbeidsprosjekt mellom en rekke private og offentlige aktører, firmaer, institusjoner og organisasjoner og brukerorganisasjoner. Arbeidet foregikk i perioden september 2010 og ut mars Hovedhensikten med prosjektet var å bidra til og fremme at sosiale medier utformes slik at de er tilgjengelige og kan benyttes av alle. Her fikk jeg muligheten til å følge prosessen og danne meg et bilde av kompleksiteten i denne type arbeid og ikke minst praktiske resultater underveis i prosjektet: Gjennom Nettborger prosjektet vet vi at utfordringene er betydelige blant annet knyttet til bruk av datatekniske hjelpemidler i forhold til Facebook. Vi har derfor laget et to-timers kurs i Facebook, hvor du vil lære teknikker for å: Opprette konto Lage egen Facebook-profil Finne venner og familier på Facebook Lage egne innlegg Kommentere andres innlegg Dele bilder Og lære litt om personvern innstillinger Men også kompleksiteten og hvordan reflektere rundt brukermedvirkning i dette arbeidet. Hentet fra drøftinger i prosjektet:... Jeg tror at det trengs ekspertise på uu utover brukermedvirkning, og faktisk kreves ofte en god del peiling på f. eks scripting for å lage de virkelig gode løsningene. Brukerne skal i stor grad teste og være med på planlegging, men en typisk blind bruker vet ikke hva som skal til for å få god tilrettelegging i applikasjoner... Poenget mitt blir altså at uu ikke nødvendigvis kan sikres med brukermedvirkning, men at ekte brukere bør være med i prosessen for å si hva de forventer seg, komme med ideer 11

12 og verifisere at programvaren fungerer etter forventningene. Brukere er også veldig verdifulle i forbindelse med prototyping og det å velge mellom ulike løsninger. Kort oppsummering av Nettborger: Det er jobbet med to demonstratorer: Braillebook Min utdanning Braillebook blir trolig kun en pilot, men dette bestemmes ikke av prosjektet. Det er LSHDB og Eikholt som eier Brailleboook og som slik sett bestemmer framtiden for piloten. Arbeidet har imidlertid gitt oss interessant kunnskap og Braillebook har generelt sett blitt godt mottatt av testbrukerne. Min utdanning er en tjeneste som er i drift og som eies av Østfold fylkeskommune. Tjenesten er ikke helt optimal, fordi den driftes av leverandøren Origo. Innspill er gitt til Origo i forhold til hvilke endringer de bør gjøre i sin generelle løsning for at tilgjengeligheten skal bli bedre på Min Utdanning, samt også alle andre informasjonsleverandører som bruker Origo. Det viktigste bidraget fra Nettborger-prosjektet er kunnskapen om utfordringer og muligheter for funksjonshemmede i forhold til bruk av sosiale medier. Tjuvstart 3 I 2011 ble det på oppdrag av Norges Blindeforbund gjort en undersøkelse av de mest brukte læringsplattformene i Norge. Deriblant PedIT som er Norsk Nettskole sin plattform. Prosjektleder tok kontakt med Kari Anne Flaa som ansvarlig i Norges Blindeforbund med forespørsel om å få tilgang på rapporten. Kontakt var oppretta i april Norges Blindeforbund informerte om sitt prosjekt i samarbeid med FunkaNu. Vi ble raskt enige om at prosjektet "" måtte få til et møte med de i FunkaNu som hadde foretatt undersøkelsen. Målet med møtet var å se på muligheter og begrensninger i plattformen. FunkaNu sin hovedrapport bygget på andre kurs utviklet i PedIT enn Studieforbundet Funkis sine. Dette innebar for vårt prosjekt at hovedrapporten ga generelle råd, ikke spesifisert til våre kurs. Oppsummering fra Funka Nu Læremiddelsplattformen PedIT er svært fleksibel når det gjelder presentasjonen mot brukeren. Dette stiller store krav på administratorene/redaktørene til å presentere informasjonen på en bra måte. I denne granskingen inngår bare deler som har med læremiddelsplattformens grunnkonstruksjon å gjøre, men ettersom ansvaret for den totale utformingen i hovedsak ligger på de som skreddersyr læremiddelsplattformen, kreves det i prinsippet en separat granskning fra gang til gang for å sikre universell utforming. For mye frihet resulterer ofte i dårlige grensesnitt, spesielt om 12

13 administratorene/redaktørene ikke er vant med verktøyet og/eller ikke har kompetanse på universell utforming. Ettersom implementeringen styres av den enkelte kunden, er sjansen stor for at den pedagogiske delen av universell utforming blir dårlig. Totalt sett er nivået målt mot universell utforming svært lavt, og grensesnittet har en rekke avvik både på de overordnede og viktige A-kravene og de mer spesifikke AAkrav i de internasjonale retningslinjene WCAG 2.0. Det er AA-nivået, det andre av tre nivåer i WCAG, som etter alt å dømme kommer til å ligge til grunn for Diskriminerings- og Tilgjengelighetsloven når det gjelder bedømming av nettsteder IKT-systemer. Funka Nu AB, Stockholm Prosjektet stod nå overfor valget: å gå videre med Funka Nu og engasjere dem til å gjøre en mer eksakt undersøkelse på Studieforbundet Funkis sine kurs eller velge andre aktører. Med gode erfaringer fra tidligere samarbeid med MediaLT med universell tilrettelegging av Funkis sin hjemmeside, der web ansvarlig var meget godt fornøyd med oppfølging og hjelp til utvikling av sidene, og i arbeidet med universell utforming av Forum i PedIT, valgte Funkis å gå videre med MediaLT. I januar 2013 ble styringsgruppa etablert. Den har bestått av: Funkis/ Elin Sollid, Norsk Nettskole/ Gjermund Eiklid, MediaLT/ Morten Tollefsen Norsk Forening for slagrammede/ Kjetil Gaarder og prosjektleder Jon Oddvar Eide. Organisasjonene som er nevnt i søknaden: Landsforeningen for Hjerte- og lungesyke, Hørselshemmedes Landsforbund, ADHD Norge og Dysleksi Norge har fulgt prosjektet ved å delta i Nettforum der prosjektet har hatt fokus. Norges Blindeforbund hadde prosjektleder drøftinger med i forkant av møtet med FunkaNu. Med MediaLT sin kompetanse innen blinde/ svaksynte, vurderte prosjektleder det som tilstrekkelig representasjon i styringsgruppa. Hovedoppgava ble nå MediaLT sine tester av alle Funkis sine nettkurs. 7.mai 2013 var MediaLT ferdig med gjennomgang av kursene. MediaLT: Gjennomgang av Funkis sine nettkurs Sist oppdatert: Skrevet av: Morten Tollefsen og Trond Ausland MediaLT har gjennomgått et utvalg av Funkis sine nettkurs. Kursene har noe til felles, men både innholdsmessig og strukturelt er det også forskjeller. Dette har gjort det litt vanskelig å skrive en samlet rapport uten at teksten blir urimelig lang og uoversiktlig. Pedit forum er tidligere gjennomgått av MediaLT (jfr. Vedlegg 4). Forumene er derfor ikke vektlagt i denne rapporten. 13

14 Pedit gjennomgang av Funka Funka Nu AB gjennomgikk LMS-systemer i 2011 inkludert Pedit. Et utdrag av rapporten er gjengitt i Vedlegg 5. I denne rapporten får løsningen kritikk for manglende standardisering av brukergrensesnittet. Samtidig påpekes manglende fleksibilitet i valg av kontraster, skrifttyper mm. Uansett er Funka sin vurdering at hvert kurs må vurderes separat, og dette er MediaLT langt på vei enige i. Videre sier Funka at faren for manglende «Pedagogisk tilgjengelighet» er stor i Pedit. Dette viser også vår gjennomgang. Vi kunne inkludert mange flere eksempler på inkonsistens i brukergrensesnittet, ulik terminologi for identisk funksjonalitet osv. Vi tror likevel at de eksemplene som er satt opp er tilstrekkelige for å illustrere dette. 14

15 Oppsummering / konklusjon I Funkis sine kurs er det ganske mye å rette opp mht. pedagogikk og terminologi. Små forskjeller gir et ganske uproft inntrykk, og de samme forskjellene gjør at mange brukere vil slite selv om de har tatt andre kurs. Vår vurdering er at dette gjelder spesielt for sterkt synshemmede og mennesker med nedsatt kognitiv funksjonsevne. Det tiltaket som kan gi størst effekt på kort sikt er å utvikle et oppsett/mal som brukes i samtlige kurs. Videre må kursholder ha svært begrensede (helst ingen) mulighet til å gjøre egne valg mht. formatering (bortsett fra å velge stiler). MediaLT antar at en slik begrensning i fleksibilitet kan implementeres relativt lett. Standardiseringen må inkludere navn på lenker, plassering av lenker, struktur osv. Ting det må tas høyde for i utformingen av en standard og/eller som bør rettes opp i Pedit inkluderer: Standardisere og forbedre lenkenavn. Forbedre strukturen på hver enkelt side ved hjelp av overskrifter (h-tag er). «Mine mapper» må gjøres mer tilgjengelig, følge wcag 2.0. Skjemafelt må gis <label>. Editoren bør forbedres. Alt skal kunne gjøres med tastatur, og det bør tilrettelegges for god tilgjengelighet f. eks ved å kreve alternative bildetekster. Fokus vises ikke med tastatur. Alt skal kunne gjøres med tastatur, og tastaturfokus må vises. 15

16 Felles funn / sammenlikning av kursene Forandring fryder ikke! "Ikke bli forvirret ved at sida har endret seg. Innholdet er det samme! Funkis har laget ny hjemmeside og nettsida tilpasser seg utseendet." Hentet fra kurset: Veilederkompetanse Spesielt for blinde, men også for mennesker med kognitive funksjonshemninger er ulike oppsett for kurs en ekstra barriere. Her ser vi hvordan forsiden varierer: Figur 1 : Forside, Å leve et friskere liv. 16

17 Figur 2 : Forside, Studielederkompetanse 17

18 Figur 3 : Forside, Likemannskurs Eksempel på at menyen mangler på en underside: 18

19 Figur 4 : Leksjoner i kurset Styrearbeid Standardisere og forbedre lenkenavn [Logg inn]: dropp [. Siden [ er litt vrien å finne på tastaturet er det best å droppe parentesene. Det er enklere å trykke «l» i lenkelisten for å velge loginn-lenken. Parentesene kan eventuelt dyttes til bakgrunnen for å skjule disse for skjermleserbrukere. Lenken «Hjem» er forvirrende (for oss). Har du logget inn er «Hjem» kurset du jobber med. Lenkenavnet kan endres til «Kursportal». «Velkommen xx» kan gjøres mer forståelig, f. eks «Personlig meny for xx». Denne lenketypen fungerer veldig dårlig med Jaws. Følgende må gjøres for å klare å bruke denne (dette vil neppe en vanlig bruker få til): - Velg lenken - Lenken forsvinner uten at det nye innholdet vises. - Trykk Ins+Esc (Jaws kommando for å friske opp bildet, lese DOM på nytt). - Lenken vises igjen. 19

20 - Velges lenken på nytt vises innholdet. - Dette er konsekvent for alle lenker av denne typen. Navn på nyheter: kursavis, kursnytt, avis,... Det er ikke mulig å se hvilket hovedmenyvalg som er gjort med skjermleser (fet skrift). (valgt) Overskriftene på sidene «Navigasjon» og «Personlig side» under leksjoner med turkis skrift og hvit bakgrunn har kontrastforholdet 2,48:1 og består ikke AA Den grå teksten med antall dager og dato på innlegg med grå bakgrunn, har kontrastforholdet 3,53:1 og består ikke AA. På hvitbakgrunn er kontrastforholdet 3,95:1 og består heller ikke AA. Hjelpetekster Beskrivelser bør helst ikke si noe om en spesiell måte å bruke web på eller posisjon på siden. Dette kan være ganske krevende, men viktig for å gi brukerne god hjelp. Eksempler: Klikk på Leksjon 1 Introduksjon i venstremargen for å begynne kurset Klikk på introduksjon øverst til venstre for å begynne kurset. Velg "Leksjoner" i menyen til venstre! Med strukturen vi har anbefalt kunne hjelpeteksten for eksempel være: Velg «Introduksjon» i menyen for å begynne kurset Leseweb Kan være forvirrende opplesing. Leser f. eks den personlige menyen selv om denne ikke vises. Merk hele siden (Ctrl+A etterfulgt av Alt+L). Da leses skjemakode, script og mye annet. Struktur og navigering Brødsmulestien kan med fordel merkes med en h-tag (evt. skjult). Overskriftene under «Avis, Kursnytt etc.» bør være h3. For å få konsistent struktur bør det ikke være lov med tomme h-tag er (slik som i det første innlegget under Avis i Studielederkompetansekurset). Generer evt. en standardtekst «Uten overskrift» eller ikke tillatt å publisere innlegget. Forslag til struktur (burde gjelde alle sider) (eksempel på navn er fra Studielederkompetanse): Menyen og brødsmulestien merkes med h2 (kan godt være skjult, dvs. vises kun for skjermleser) Kurstittel, «Siste innlegg» og «Avis» er OK. Hvert innlegg under «Siste nytt» merkes med h3. Hvert innlegg under «Avis» merkes med h3. 20

21 Vurder å strukturere siden med WAI-ARIA landemerker. Mine mapper Kan ikke brukes med tastatur (eller skjermleser). Her er det mye å ta tak i, f. eks kan ikke undermappene velges «Mine bilder, Mine filer, Mine lyder og Mine videoer». Personlig side Tabellen hadde fungert bedre hvis: - Emnene hadde blitt samlet i en celle, slik at hver leksjon stod i en rad. - Emnene var sortert kronologisk Skriv artikkel Mange felt mangler label. Editoren fungerer ganske bra med skjermleser. Listene leses imidlertid ikke opp (skriftstørrelse, stil osv). Noen funksjoner er veldig vanskelige eller umulige å få til med tastatur. Prøv f. eks å sette inn en tabell uten å bruke mus. Fokusert element vises ikke, og i praksis er det derfor vanskelig å bruke editoren med tastatur. Det er ikke mulig å legge inn alternative bildetekster (bortsett fra i html-koden). Sett inn bilde (dvs. ikke laste opp), samme kommentarer/funksjonalitet som beskrevet for «Mine mapper». Forum Vi har gjennomgått Forum tidligere. Mye er på plass. 21

22 Studielederkompetanse URL: Struktur Overskriftene under «Avis» bør være h3. Avis er kanskje ikke en god overskrift (denne overskriften bør i det minste standardiseres slik at du kjenner deg igjen i alle kurs). Sidene: Informasjon om kurset, Spørreforum, Veiledere, Deltakere, Kursavis, Kurskalender Mangler h-tag er for: Hensikten med kurset, Målgruppe, Mål, Kursets omfang Menyen mangler, og det blir et nytt «grensesnitt» for brukeren. Vanskelig for blant annet blinde og mennesker med nedsatt kognitiv funksjonsevne. Side: Leksjoner Her er «Hovedmenyen» annerledes enn førstesiden. Vi foreslår at hovedmenyen går igjen på alle sider (også her). Leksjonene kan legges i høyre kolonne (tilsvarende Avis på førstesiden), og siden «Leksjoner» struktureres på samme måte som hovedsiden. For å få dette konsistent må høyrekolonnen brukes på samme måte også for sider lengre ned i hierarkiet. Tastatur Ikke mulig å se tastaturfokus. Vi kommer til medlem «Jørn Rosland» (første medlem lengst til venstre) under «Veiledere» med tastatur, men ikke de andre medlemmene. Det er bare Jørn som har en lenke, og derfor kan ikke informasjon om de andre medlemmene nås med Tab (ingen tabstop). Med skjermleser kan heller ikke informasjonen om andre enn Jørn vises. Det samme gjelder for «Deltakere». Grafikk Tabellen på «Leksjoner» er et bilde. Kan ikke leses med talesyntese eller vises med skjermleser. Må legges inn som en HTML-tabell. Tekst, farger og kontrast Forskjellige skriftstørrelser og utseende på artikkeltekster Overskriftene på flere av sidene under leksjoner med turkis skrift og hvit bakgrunn har kontrastforholdet 2,48:1 og består ikke AA. Skjemaer Skjemaer mangler label (f. eks: Kurskalender Se Vedlegg 1 for å få et inntrykk av hvordan kalenderen vises med skjermleser (Jaws) 22

23 Blanding av norsk/engelsk (alt-attributter, summary). Med Jaws gjentas tabellen to ganger. Det samme skjer med tastatur. Veldig uoversiktlig og klønete å bruke. Tekster for hendelser vises ikke med skjermleser. Trengs kurskalenderen? Denne synes vi rett og slett var dårlig, og den bør byttes ut hvis den skal brukes. Diverse HTML-validator (136 feil) Iframe uten navn på forsiden Vi fant ingen forskjell mellom Aktuelle og Alle leksjoner (listeboks på Leksjonsiden). Å leve et friskere liv URL: Kommentarer fra «Studielederkompetanse» gjentas ikke nedenfor. Struktur og navigering Annerledes oppsett enn Studielederkompetanse. Forvirrende for de som tar flere kurs. 4 kolonner. Den lengst til høyre er ikke merket med h-tag er, og den virker helt unødvendig for oss. Side: Lag din handlingsplan Kan brukes med skjermleser, tastatur etc. I praksis er det likevel en fryktelig klønete side å bruke uten mus. Skal dette bli bra må det omarbeides helt. Det kan gjøres på mange måter, f. eks: egen side pr. person, expander som viser innhold rett under hver person,... Selv med skjerm og mus er siden dårlig. Vi oppdaget faktisk ikke med en gang at handlingsplanen til en person ble vist nederst i skjermbildet. Lenker Valgene i hovedmenyen er helt feil kodet. Med skjermleser leses for eksempel følgende: «Grafikk» «Kursledere» «Trykk Enter for lang beskrivelse» «Kursholdere» Her brukes altså Kursleder og Kursholder i samme lenke. På Studielederkurset het tilsvarende lenke Veiledere. Veldig inkonsistent. På toppen av det hele er det en annen lenke (rett over) som heter Kursledere, og disse lenkene peker ikke til samme mål. Pauserommet het Spørreforum i Studielederkompetansekurset. Igjen, inkonsistent, noe som gjør det unødvendig klønete å bli kjent med et nytt kurs. Det er mange andre eksempler på bruk av ulik terminologi mellom kursene, men vi setter ikke opp alle disse. 23

24 Tastatur Se beskrivelse for kurset Studielederkompetanse. Her kan imidlertid kurslederne velges med tastatur. Grafikk Longdesc brukes feil, jfr. hovedmenyen. Verdien til longdesc skal være en URL (skal absolutt ikke brukes her). Grafikk i menyen gjør den bare uoversiktlig. Symbolene er ikke nødvendigvis intuitive heller, f. eks: nøkkel med plusstegn (Veien videre). Tekst, farger og kontrast Tabellen under Kursdeler med hvit skrift på blå bakgrunn, har kontrastforholdet 4,34:1 og består ikke AA. Skjemaer Ikke riktig kodet. Evalueringsskjemaet leses derfor ikke bra med Jaws. Kan brukes i det som kalles «virtuell modus», men fungerer ikke i «skjemamodus» (som er det de fleste benytter). I skjemamodus leses hverken spørsmålene eller de ulike svaralternativene. Diverse HTML-validator (144 feil) 24

25 Veilederkompetanse URL: Kommentarer fra «Studielederkompetanse» gjentas ikke nedenfor. Flere grafiske lenker uten alternativ tekst. Vises som web/pagend med skjermleser. Kurskalenderen ligger som en lenke til høyre (nederst med skjermleser). På studielederkompetansekurset ligger den samme lenken i hovedmenyen. 4 kolonner. Den lengst til høyre er ikke merket med h-tag er, og den virker helt unødvendig for oss. Leksjoner: tabellen er ikke riktig merket. 25

26 Styrearbeid pilot URL: Kommentarer fra «Studielederkompetanse» gjentas ikke nedenfor. Dette kurset har 3 kolonner, avis/kursnytt/.. mangler. Kurskalender heter Kalender (og ligger i kolonne 3). Lenken «logge inn» bør ikke vises hvis du er logget inn (det vet jo systemet). Logg inn står attpåtil enda en gang, men da vist som en grafisk lenke uten alternativ tekst. Jaws viser ingen av knappene i videoen (ikke merket riktig i Flash). I praksis er det derfor umulig å få spilt av videoen (brukes tab hører du at det er noen knapper, men disse annonseres kun som «blank»). Skrus virtuell modus av (noe de fleste ikke engang vet at er mulig) kan Tab brukes for å hoppe til knappene, og disse annonseres på engelsk. Videoen forklarer kun en fremgangsmåte: bruk av mus. Skjermbildene i videoen er heller ikke likt det som er i kurset. Lyden er for lav. Send melding: finnes ikke på alle kurs (f. eks ikke «Leve et friskere liv). Sidetittelen er «Forside» (veldig forvirrende, spesielt med skjermleser). «Avbryt Ny» virker som en litt rar knappetittel. Meldinger til et utvalg deltakere kan ikke velges med tastatur eller skjermleser (+ symbolet vises ikke i det hele tatt med skjermleser). Feilmelding vises over h-tag en (overskriften): Du må fylle inn både tittel og tekst», og denne er nesten umulig å oppdage med skjermleser (burde stått rett etter overskriften). 26

27 Valgkomiteen LHL URL: Kommentarer fra «Studielederkompetanse» gjentas ikke nedenfor. Klikk her for å komme videre i kurset. Husk at ikke alle «klikker». Under «Leksjoner» forsvinner hovedmenyen. Nederst står det «Klikk her for å komme til leksjon 1», men velges denne lenken kommer du til «logg inn». Likemannskurs URL: Ikke noe særlig innhold her, så alt er kommentert tidligere. 27

28 Introduksjon URL: Kommentarer fra «Studielederkompetanse» gjentas ikke nedenfor. I venstremenyen ser du hovedtemaene for denne leksjonen: menyen er ikke navngitt vha. wai-aria, overskrift eller liknende. Det er derfor en dårlig forklaring for de som bruker skjermleser. Hjelpetekstene er kun laget med musebrukere som mottaker. «Klikker du Hjem kommer du direkte til kursets forside, uansett hvor i kurset du befinner deg.» Ser ikke ut til å stemme for mange av kursene vi har testet. Videoen kan ikke velges/spilles av med skjermleser. Forklaringene er visuelle og lite verdifulle for tastaturbrukere og skjermleserbrukere. Noen videoer starter automatisk, andre gjør ikke det. Knappeforklaringene er på engelsk. Exit-knappen virker ikke. Videoen kan dermed ikke lukkes med tastatur (siden den andre lukk-knappen ikke nås). MediaLT har rapport sine funn i læringsplattformen PedIT og i Funkis sine nettkurs. De er gruppert som fellesfunn og funn for de enkelte kurs. Funnene viser med tydelighet at plattformen og de enkelte kurs ikke tilfredsstiller kravene for universell utforming. MediaLT møtte Norsk Nettskole for å forklare sine funn og drøfte hvordan de best mulig innen gitte rammer kunne forbedre plattformen og de enkelte kurs. Norsk Nettskole: Tekniske oppgaver PedIT Gjennomgang av Funkis sine nettkurs. Av Lars Ingar Øien Dette dokumentet er basert på rapport fra MediaLT datert og møte hos MediaLT Dette dokumentet tar kun for seg tekniske oppgaver i PedIT, og må derfor leses i sammenheng med rapport fra MediaLT for å gi den totale oversikten. NB! Arbeid med forum er gjennomgått tidligere, og er ikke med i dette dokumentet. Justeringer Standardisering av stiler/stilark o Fjerne font og font-størrelse i editor o Tilpasse stiler til å passe med overskrift (h1, h2, p, etc) i editor. o Forskjellige skriftstørrelser og utseende på artikkeltekster o Overskriftene på flere av sidene under leksjoner med turkis skrift og hvit bakgrunn har kontrastforholdet 2,48:1 og består ikke AA. Legge på og rydde opp i tag r o Gå gjennom alle sider i PedIT og legge på h-tag r der det mangler på overskrifter. 28

29 o Skjemafelter må gis <label> (f. eks: o Brødsmulestien kan med fordel merkes med en h-tag (evt. skjult). o Overskriftene under «Avis, Kursnytt etc.» bør være h3. o For å få konsistent struktur bør det ikke være lov med tomme h-tag er (slik som i det første innlegget under Avis i Studielederkompetansekurset). Generer evt. en standardtekst «Uten overskrift» eller ikke tillatt å publisere innlegget. o Menyen og brødsmulestien merkes med h2 (kan godt være skjult, dvs. vises kun for skjermleser) o Hvert innlegg under «Siste nytt» merkes med h3. o Hvert innlegg under «Avis» merkes med h3. o Overskriftene under «Avis» bør være h3. Avis er kanskje ikke en god overskrift (denn) o Sidene: Informasjon om kurset, Spørreforum, Veiledere, Deltakere, Kursavis, Kurskalender Mangler h-tag er for: Hensikten med kurset, Målgruppe, Mål, Kursets omfang o Skriv artikkel o Mange felt mangler label. Feilmelding vises over h-tag en (overskriften): Du må fylle inn både tittel og tekst», og denne er nesten umulig å oppdage med skjermleser (burde stått rett etter overskriften). o Blanding av norsk/engelsk alt-attributter i kalender Iframe uten navn på forsiden [Logg inn] dropp [. Siden [ er litt vrien å finne på tastaturet er det best å droppe parentesene. Det er enklere å trykke «l» i lenkelisten for å velge loginn-lenken. Parentesene kan eventuelt dyttes til bakgrunnen for å skjule disse for skjermleserbrukere. Lenken «Hjem» er forvirrende (for oss). o Har du logget inn er «Hjem» kurset du jobber med. Lenkenavnet kan endres til «Kursportal». Velkommen NAVN o Vanskelig å forstå. F.eks bedre å endre til: Personlig meny for NAVN o Lenketypen med dropdown er vanskelig å bruke. Hamar trenger å lete etter andre måter å bygge popup/dropdown på. Overskriftene på sidene «Navigasjon» og «Personlig side» under leksjoner med turkis skrift og hvit bakgrunn har kontrastforholdet 2,48:1 og består ikke AA Farger/kontrast 29

30 o Overskriftene på sidene «Navigasjon» og «Personlig side» under leksjoner med turkis skrift og hvit bakgrunn har kontrastforholdet 2,48:1 og består ikke AA o Den grå teksten med antall dager og dato på innlegg med grå bakgrunn, har kontrastforholdet 3,53:1 og består ikke AA. På hvitbakgrunn er kontrastforholdet 3,95:1 og består heller ikke AA. Større tekniske endringer Filkomponent (filområde, mine mapper) o Kontakte leverandør av filkomponent for å gjøre komponent mer tilgjengelig o Eventuelt bytte leverandør Editor o Kontakte leverandør av editor for å gjøre komponent mer tilgjengelig o Eventuelt bytte leverandør o Kommentarer Fokusert element vises ikke, og i praksis er det derfor vanskelig å bruke editoren med tastatur. Det er ikke mulig å legge inn alternative bildetekster (bortsett fra i html-koden). Last opp bilde Vurder å strukturere siden med WAI-ARIA landemerker. o Dette har vi ikke kjennskap til, og må lese oss opp på. Mulig at selve jobben er kun middels stor når vi har lært oss mer. Tabell med arbeidsplaner på personlig side o Tabellen hadde fungert bedre hvis Emnene hadde blitt samlet i en celle, slik at hver leksjon stod i en rad. Emnene var sortert kronologisk Grunnleggende endringer Diverse Begrense bruker sin valgmulighet skjule funksjoner. Alt skal kunne gjøres med tastatur, og tastaturfokus må vises. Leseweb leser hele siden, også menyer o.l som ikke vises. o Kan være forvirrende opplesing. Leser f. eks den personlige menyen selv om denne ikke vises. Menyen endrer seg etter hvert som man navigerer i strukturen o Menyen mangler, og det blir et nytt «grensesnitt» for brukeren. Vanskelig for blant annet blinde og mennesker med nedsatt kognitiv funksjonsevne. Unngå å bruke innhold i høyre kolonne, f.eks. aktivitetsliste, artikkeliste. Ikke mulig å se tastaturfokus. Vi kommer til medlem «Jørn Rosland» (første medlem lengst til venstre) under «Veiledere» med tastatur, men ikke de andre medlemmene. Det er bare Jørn som har en lenke, og derfor kan ikke informasjon om de andre medlemmene 30

31 nås med Tab (ingen tabstop). Med skjermleser kan heller ikke informasjonen om andre enn Jørn vises. Det samme gjelder for «Deltakere». Kurskalender o Med Jaws gjentas tabellen to ganger. Det samme skjer med tastatur. Veldig uoversiktlig og klønete å bruke. o Tekster for hendelser vises ikke med skjermleser. o Trengs kurskalenderen? Denne synes vi rett og slett var dårlig, og den bør byttes ut hvis den skal brukes. HTML-validator forside (136 feil) Side: Lag din handlingsplan o Kan brukes med skjermleser, tastatur etc. I praksis er det likevel en fryktelig klønete side å bruke uten mus. Skal dette bli bra må det omarbeides helt. Det kan gjøres på mange måter, f. eks: egen side pr. person, expander som viser innhold rett under hver person,... Forum o Egen dokument/vedlegg som er sett på tidligere. o Selv med skjerm og mus er siden dårlig. Vi oppdaget faktisk ikke med en gang at handlingsplanen til en person ble vist nederst i skjermbildet. Lenkedesign (brukere sitt eget innhold noe PedIT kan tilpasse?) o Valgene i hovedmenyen er helt feil kodet. Med skjermleser leses for eksempel følgende: «Grafikk» «Kursledere» «Trykk Enter for lang beskrivelse» «Kursholdere»Longdesc brukes feil, jfr. hovedmenyen. Verdien til longdesc skal være en URL (skal absolutt ikke brukes her). Dette er en prioritert liste fra Norsk Nettskole som programmerer jobbet etter. 10.september 2013 kommer utfyllende forslag til prioriteringsliste og arbeidsfordeling fra programmerer i PedIT: Prioritert rekkefølge etter Lars Ingar Øiens dokument HTML-validator forside (136 feil) Legge på og rydde i tag er o Gå gjennom alle sider i PedIT og legge på h-tag r der det mangler på overskrifter. o Skjemafelter må gis <label> - (f. eks: o Overskriftene under «Avis, Kursnytt etc.» bør være h3. o For å få konsistent struktur bør det ikke være lov med tomme h-tag er (slik som i det første innlegget under Avis i Studielederkompetansekurset). Generer evt. en standardtekst «Uten overskrift» eller ikke tillatt å publisere innlegget. o Hvert innlegg under «Siste nytt» merkes med h3. o Hvert innlegg under «Avis» merkes med h3. o Overskriftene under «Avis» bør være h3. Avis er kanskje ikke en god overskrift (denn) 31

32 o Sidene: Informasjon om kurset, Spørreforum, Veiledere, Deltakere, Kursavis, Kurskalender Mangler h-tag er for: Hensikten med kurset, Målgruppe, Mål, Kursets omfang o Skriv artikkel o Mange felt mangler label. Forum o Egen dokument/vedlegg som er sett på tidligere. o Selv med skjerm og mus er siden dårlig. Vi oppdaget faktisk ikke med en gang at handlingsplanen til en person ble vist nederst i skjermbildet. Standardisering av stiler/stilark o Fjerne font og font-størrelse i editor o Tilpasse stiler til å passe med overskrift (h1, h2, p, etc) i editor. o Forskjellige skriftstørrelser og utseende på artikkeltekster o Overskriftene på flere av sidene under leksjoner med turkis skrift og hvit bakgrunn har kontrastforholdet 2,48:1 og består ikke AA. [Logg inn] dropp [. Siden [ er litt vrien å finne på tastaturet er det best å droppe parentesene. Det er enklere å trykke «l» i lenkelisten for å velge loginn-lenken. Parentesene kan eventuelt dyttes til bakgrunnen for å skjule disse for skjermleserbrukere. Lenken «Hjem» er forvirrende (for oss). o Har du logget inn er «Hjem» kurset du jobber med. Lenkenavnet kan endres til «Kursportal». Velkommen NAVN o Vanskelig å forstå. F.eks bedre å endre til: Personlig meny for NAVN o Lenketypen med dropdown er vanskelig å bruke. Hamar trenger å lete etter andre måter å bygge popup/dropdown på. Større tekniske endringer Filkomponent (filområde, mine mapper) o Kontakte leverandør av filkomponent for å gjøre komponent mer tilgjengelig o Eventuelt bytte leverandør Editor o Kontakte leverandør av editor for å gjøre komponent mer tilgjengelig o Eventuelt bytte leverandør o Kommentarer Fokusert element vises ikke, og i praksis er det derfor vanskelig å bruke editoren med tastatur. Det er ikke mulig å legge inn alternative bildetekster (bortsett fra i html-koden). Last opp bilde 32

33 Diverse Ikke mulig å se tastaturfokus. Vi kommer til medlem «Jørn Rosland» (første medlem lengst til venstre) under «Veiledere» med tastatur, men ikke de andre medlemmene. Det er bare Jørn som har en lenke, og derfor kan ikke informasjon om de andre medlemmene nås med Tab (ingen tabstop). Med skjermleser kan heller ikke informasjonen om andre enn Jørn vises. Det samme gjelder for «Deltakere». Oppgaver med lavere prioritering Legge på og rydde opp i tag r o Brødsmulestien kan med fordel merkes med en h-tag (evt. skjult). o Menyen og brødsmulestien merkes med h2 (kan godt være skjult, dvs. vises kun for skjermleser) Feilmelding vises over h-tag en (overskriften): Du må fylle inn både tittel og tekst», og denne er nesten umulig å oppdage med skjermleser (burde stått rett etter overskriften). o Blanding av norsk/engelsk alt-attributter i kalender Iframe uten navn på forsiden Vurder å strukturere siden med WAI-ARIA landemerker. o Dette har vi ikke kjennskap til, og må lese oss opp på. Mulig at selve jobben er kun middels stor når vi har lært oss mer. Tabell med arbeidsplaner på personlig side o Tabellen hadde fungert bedre hvis Emnene hadde blitt samlet i en celle, slik at hver leksjon stod i en rad. Emnene var sortert kronologisk Kurskalender o Med Jaws gjentas tabellen to ganger. Det samme skjer med tastatur. Veldig uoversiktlig og klønete å bruke. o Tekster for hendelser vises ikke med skjermleser. o Trengs kurskalenderen? Denne synes vi rett og slett var dårlig, og den bør byttes ut hvis den skal brukes. Gjøres av Funkis i samarbeid med NN Overskriftene på sidene «Navigasjon» og «Personlig side» under leksjoner med turkis skrift og hvit bakgrunn har kontrastforholdet 2,48:1 og består ikke AA Farger/kontrast o Overskriftene på sidene «Navigasjon» og «Personlig side» under leksjoner med turkis skrift og hvit bakgrunn har kontrastforholdet 2,48:1 og består ikke AA 33

34 o Den grå teksten med antall dager og dato på innlegg med grå bakgrunn, har kontrastforholdet 3,53:1 og består ikke AA. På hvitbakgrunn er kontrastforholdet 3,95:1 og består heller ikke AA. Side: Lag din handlingsplan o Kan brukes med skjermleser, tastatur etc. I praksis er det likevel en fryktelig klønete side å bruke uten mus. Skal dette bli bra må det omarbeides helt. Det kan gjøres på mange måter, f. eks: egen side pr. person, expander som viser innhold rett under hver person,... Gjøres av Funkis Lenkedesign (brukere sitt eget innhold noe PedIT kan tilpasse?) o Valgene i hovedmenyen er helt feil kodet. Med skjermleser leses for eksempel følgende: «Grafikk» «Kursledere» «Trykk Enter for lang beskrivelse» «Kursholdere»Longdesc brukes feil, jfr. hovedmenyen. Verdien til longdesc skal være en URL (skal absolutt ikke brukes her). Unngå å bruke innhold i høyre kolonne, f.eks. aktivitetsliste, artikkeliste. Har gått gjennom dokumentet og sett om det er noe som kan gjøres av Funkis. Som du ser er det lite i dette dokumentet. Grunnen er at jeg hentet ut ting som var naturlig for NN å gjøre. Det er derimot flere punkter i orginal-dokumentet fra MediaLT hvor Funkis selv kan endre arbeidsmåter o.l. Av de punktene som er nevnt i vedlagt dokument, vil jeg prioritere det slik ut fra hvor enkelt det er å tilpasse (Funkis må selv vurdere behov opp mot dette): 1. Ifram uten navn på forsiden 2. Lenken "Logg inn" 1. Språkversjonering. Funkis bestemme et kord ord de vil ha istedet. 3. Lenken "Hjem" 1. Språkversjonering. Funkis bestemme et kord ord de vil ha istedet. 4. "Velkommen NAVN" 1. Må sjekkes, men er muligens liten 5. Overskriftene på sidene Navigasjon og Personlig side 1. Funkis og NN trenger å finne nye fargekoder, NN legger inn. 6. Farger/kontraster 1. Funkis og NN trenger å finne nye fargekoder, NN legger inn. 7. Standarisering av stiler/stilark 1. NN legger inn støtte for den stilen som Funkis allerede har 8. Feilmelding vises over h-tag`en 1. Må sjekkes, men er muligens liten 9. Legge på og rydde i tag` 5.november fikk prosjektleder følgende melding: "Eli Holmen (programmerer) har begynt å se på dette. Det viser seg at for å gi estimat må nesten jobben gjøres. Det er derfor mye mer effektivt å gjøre selve jobben uten estimat. Vi har grovsortert punktene etter hva som gir mest for pengene, 34