Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted

Transkript

1 Sensus ApS Langesvej 34 DK-3400 Hillerød Telefon: Telefax: Til: To: Kopi: Copy: Fra: From: Dato: Date: Emne: Subject: Gitte Smed, Styrelsen for biblioteker og medier Helene Nørgaard Bech, Sensus Lars Ballieu Christensen, Sensus 6. oktober 2008 Midtvejstest af tilgængeligheden til nyt netsted Formålet med dette notat er at sammenfatte resultaterne af en vurdering af tilgængeligheden til det nye netsted, som Styrelsen for biblioteker og medier er i gang med at få udviklet. Denne vurdering kaldes en midtvejstest, da den foretages når design, struktur og skabeloner er på plads. Den vil blive efterfulgt af en fuld ekspertvurdering sidst i forløbet. Vurderingen er gennemført af Sensus i perioden oktober 2008 som en rådgivningsopgave for Styrelsen for biblioteker og medier. Sensus har således gennemført en struktureret analyse og vurdering af netstedets design, navigationsstruktur, funktionalitet og indhold idet især følgende forhold især er blevet vurderet: Overholder netstedet de formelle krav til tilgængelighed således som disse er defineret af IT- og Telestyrelsen og World Wide Web Consortium. Fremstår netstedet overskueligt, enkelt og konsistent på tværs af de enkelte sider Synes netstedets design at kunne anvendes på forskellige platforme, herunder i forskellige browsere og på forskellige operativsystemer Synes netstedet at kunne tilpasses den enkelte brugers krav og behov, herunder behov for navigation uden brug af mus Fremstår netstedets skrifttyper, kontrast, skriftstørrelser og farve-kombinationer tilgængelige og med en høj læsbarhed Synes netstedet at indeholde effektive og konsistente mekanismer til navigation og orientering (fx faste ankerpunkter, søgefunktion, her-er-du funktion, sitemap). Synes netstedets indholdstyper at være tilgængelige for brugere uanset platform og teknologi Grundlaget for vurderingen er de internationale retningslinjer for tilgængeligt webdesign fra World Wide Web Consortium (W3C WCAG 1.0-retningslinjerne), beskrevet i vejledning fra IT- og telestyrelsen ( Vurderingen er foretaget på grundlag af link, som fremsendt af Styrelsen for biblioteker og medier.

2 Sammenfatning Netstedet indeholder i sin nuværende form brug på retningslinjerne for tilgængeligt design. Der er tale om såvel prioritet 1 som prioritet 2 fejl. Netstedet synes overordnet at have en overskuelig struktur og er ikke angivet med dynamisk indhold, som kan komplicere tilgangen for brugere. Der er gode kontraster og netstedet ser ud til at vises fornuftigt selvom style sheets slås fra. Der forekommer ikke bevægende eller blinkende indhold som kan forstyrre brugere. Løsningen overholder generelt principper om at adskille præsentation og indhold. Som det fremgår af nedenstående, rummer netstedet dog flere tilgængelighedsmæssige problemer. Disse betyder, at det vil være problematisk for flere brugergrupper at anvende netstedet i sin nuværende form. Tilgængelighedsproblematikker Grafik Billeder. Generelt er den anvendte grafik beskrevet fornuftigt via alternative tekster. Der forekommer dog enkelte problematikker: Topgrafikkens tekst Styrelsen for Bibliotek og Medier er Kulturministeriets sagkyndige organ for det offentlige biblioteksvæsen og det centrale videnscenter på medieområdet er lavet som grafik. Teksten er også lagt ind så skærmlæsere kan læse den. Det fungerer ganske godt. Men der er yderligere en problematik som gør sig gældende for grafisk tekst. Dette gælder også overskrifter, som er angivet med grafik (prioritet 2 fejl). Især ordblinde brugere anvender værktøjer, hvor de markerer tekst og får det læst op. Dette kan ikke lade sig gøre, når man anvender grafisk tekst. (Titlen til grafikken hedder blot: "Klik for at se mere... ). Hvad gælder anvendelse af grafik til overskrifter, virker dette især unødvendigt, da der ikke anvendes avanceret grafik og derfor bør der anvendes mark up. Man kan så anvende style sheets til at styre visuelt hvordan overskrifter skal se ud. Følgende beskrivelse af Sådan søger du støtte er angivet med punkterne 1. og 2., via grafik med tom alternativ tekst: 2

3 Eftersom man visuelt ønsker at vise punkter, bør dette også angives i struktur, således at der anvendes HTML-punktopstilling. Udseende og størrelse på tal kan styles via style sheet. Når der findes et passende mark up sprog, så anvendes mark up og ikke grafik til at videregive information. Undgå tilsvarende at anvende images til at gengive tekst - anvend eksempelvis style sheets til at formatere tekst og styre layout. Tekst, der er angivet som billede, kan eksempelvis ikke markeres og læses op, indekseres, søges på eller forstørres. Struktur Syntaks. Netstedet overholder ikke formelle grammatikker. Der er syntaksfejl i HTMLog CSS-koden (Prioritet 2 fejl). Netstedet bør overholde de angivne og helst de seneste HTML- og CSS specifikationer. Inkluder eksempelvis en dokumenttype-erklæring i begyndelsen af et dokument, som henviser til en publiceret DTD (eksempelvis til den stringente HTML 4.0 DTD). Overskrifter. Hvad gælder overskrifter, er disse eksempelvis på forsiden angivet korrekt, men der forefindes også sider hvor overskrifter på nuværende tidspunkt er angivet ukorrekt, eksempelvis på siden Publikationer (prioritet 2 fejl).: Her har siden automatisk en H1-overskrift, Publikationer, men det næste niveau af overskrifter er navne på publikationer og disse er angivet som H3. Herved mangler det mellemliggende H2-niveau, som er påkrævet. På siden med tilmelding af nyhedsmail mangler strukturen flere niveauer: 3

4 På denne sider er der angivet en hovedoverskrift Nyhedsmail og næste niveau i rækkefølgen er en H4-overskrift Vælg nyhedsgruppe/r. Der er ingen mellemliggende H2- eller H3-overskrifter. Højremenuen indeholder to H3-elementer, men har ingen overliggende H2-overskrift (det formodes at Nyhedsmail er H1 til disse). Overskriftelementer anvendes til at inddele en sides indhold i afsnit med hovedoverskrifter og underoverskrifter og disse skal struktureres hierarkisk under hinanden. Anvend eksempelvis H2 i HTML til at angive et underafsnit til H1. Formularer. Der forekommer formularer hvor brugeren skal indtaste. Kravet til disse er, at ledeteksten, som hører til feltet, skal stå umiddelbart før feltet. Dette er ikke tilfældet i følgende eksempel (Prioritet 2 fejl): Etiketten bør stå umiddelbart foran kontrollen på samme linje (det er tilladt med flere kontroller/etiketter på samme linje) eller stå på linjen umiddelbart før kontrollen (kun en etiket og en kontrol pr. linje). Der forekommer endvidere formularer med etiketter, som ikke beskriver de pågældende kontroller korrekt (Prioritet 2 fejl). Etiketterne skal være knyttet eksplicit til kontrollerne og beskrive hvad kontrollerne skal anvendes til (i dette tilfælde bl.a. udfyldelse af adresseinformation til bibliotek). I eksemplet nedenfor synes etiketterne at indeholde engelske koder, samt hint-tekst i selve kontrollen. De pågældende hints læses først af skærmlæsere efter selve kontrollen. 4

5 Scripts: I det omfang netstedets forskellige menuer og funktioner implementeres ved hjælp af scripts (JavaScript) er det vigtigt, at der findes tilgængelige alternativer såfremt brugeren har deaktiveret scripts eller anvender en browser, som ikke understøtter scripts. Det vurderes at op imod 15% af samtlige brugere har deaktiveret scripts i deres browser af sikkerhedsmæssige eller andre årsager, ligesom en række brugere anvender browsere, som ikke understøtter JavaScript. Det anbefales i den forbindelse at implementere den pågældende funktionalitet (1) uden brug af scripts eller (2) ved at anvende server-side scripts i stedet for client-side scripts. I forbindelse med anvendelse af clientside scripts bør man angive en NOSCRIPT option med et tilgængeligt alternativ. På netstedet er eksempelvis print-funktionen implementeret således, at den ikke fungerer når JavaScript er slået fra (prioritet 1 fejl). Hændelseshåndtering. Nststedet indeholder event handlers, som er afhængige af brugen af mus (Prioritet 2 fejl). Dog er disse primært anvendt til at ændre udseende og ikke til funktioner. Brug handlingsudløsere på applikationsniveau frem for handlingsudløsere på brugerinteraktionsniveau. Eksempelvis er "onfocus", "onblur" (det modsatte af "onfocus") og "onselect" i HTML 4.01 handlingsudløsere på applikationsniveau. Bemærk at disse attributter er udviklet til at være udstyrsuafhængige, men er implementeret som tastatur-specifikke handlinger i nuværende browsere. Hvis man anvender udstyrsafhængige attributter så bør man give redundante inputmekanismer (eksempelvis ved at angive to handlers til samme element onmousedown med "onkeydown", "onmouseup" med "onkeyup" og "onclick" med "onkeypress"). Links. Den samme linktekst anvendes på én side, men viser forskellige steder hen (Prioritet 2 fejl). Denne problematik forefindes på flere sider, men som eksempel kan nævnes på siden 5

6 Linktekster skal kunne læses udenfor deres kontekst, ligesom man ikke bør anvende den samme linktekst flere gange på en side til at henvise til forskellige URL er. Navigation. Tabulatorrækkefølgen fungerer fint på eksempelvis forsiden, men på undersider er den ikke helt meningsfuld. Dette fremgår eksempelvis af siden Biblioteksområdet : 6

7 Den lokale ventremenu kommer som sidste element på siden, kun efterfulgt af adresse til styrelsen. Tabulatorrækkefølgen bør være logisk og følge det visuelle layout. Ombrydning: Netstedet synes at tilpasse sig forskellige skærmopløsninger, idet det ikke er klart hvad der sker, hvis man forsøger at præsentere netstedet på en meget lille skærm, fx på en PDA eller mobiltelefon. Netstedet bør tilpasse sig den aktuelle skærmopløsning i et flydende (liquid) design. Ligeledes bør de forskellige elementer ombrydes så de tilpasser sig den aktuelle skærmopløsning, tekststørrelse, samt sidernes aktuelle tekstlige indhold. Man bør i den forbindelse ikke anvende absolutte dimensioner af størrelser og/eller positioner (i pixels), men anvende relative angivelser i stedet (i em eller procent). Hvis netstedets tekster forstørres i Firefox overlapper tekst dog hinanden og dette kan vise sig problematisk for brugere som har synsproblemer og derved behov for at forstørre tekst: 7

8 8