Web Content Accessibility Guidelines 2.0

1. Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS

2. Tilgængeligheden til offentlige danske netsteder I efteråret 2008 blev en større undersøgelse foretaget af tilgængeligheden til offentlige danske netsteder. Undersøgelsen viste at ingen kommunale, regionale eller ministerielle netsteder i Danmark er fuldt tilgængelige. En nylig undersøgelse viser at 97% af alle offentlige netsteder på Europæisk plan er utilgængelige.

3. WCAG - Web Content Accessibility Guidelines Undersøgelsen af tilgængeligheden til offentlige danske netsteder blev foretaget med baggrund i WCAG - Web Content Accessibility Guidelines prioritet 1 og 2 (A & AA). Nye krav om anvendelse af åbne standarder i det offentlige fra januar 2008 – overholdelse af WCAG i nye løsninger.

4. Krav i de nye åbne standarder – hvem gælder det for? (kilde: ITST) • Aftalen omfatter generelt de samme forvaltningsmyndigheder som f.eks. eDagene • Den kommunale forvaltning –rådhuset men ikke skolen • Den regionale forvaltning –regionen men ikke sygehuset • Den statslige forvaltning –ministeriets koncern med departement, styrelser og direktorater, men ikke universitetet • Selvejende institutioner er ikke omfattet

5. WCAG 1.1 Retningslinje: Tekstlige alternativer: Anvend tekstlige alternativer for alt ikke-tekstligt indhold således at dette kan ændres til andre formater alt efter brugernes behov, herunder stortryk, punktskrift, tale symboler eller enklere.

6. WCAG 1.1.1 - A Ikke-tekstligt indhold: Alt ikke-tekstligt indhold, som præsenteres for brugeren, har et tekstligt alternativ, der har samme formål. FX: • Tidsafhængigt media • Grafik • Dynamisk Indhold

7. Hyppige brud på retningslinierne Manglende alternativer til grafik (90%) Brugere af skærmlæsere får ikke information om hvad billedet indeholder. Det er et stort problem hvis billedet også er et link. Hvis grafik ikke bærer information så lav tom alternativ tekst. http://www.dsb.dk/cs/Satellite?pagename=DSB/Forside

8. Hyppige brud på retningslinierne Manglende alternativ til utilgængeligt indhold (95%) Hvis indholdet ikke er tilgængeligt, skal der som minimum være en alternativ side, som har det samme indhold som den oprindelige og bliver opdateret lige så ofte. Ex.: Objekter såsom Flash-filer, appletter etc. Docs.: http://viewer.zmags.com/showmag.php?linksid=1266&a=1

9. WCAG 1.2 Retningslinje: Tidsafhængigt media: Medtag alternativer for tidsafhængigt media.

10. WCAG 1.2.1 - A Indhold, som udelukkende består af lyd (audio only) og indhold, som udelukkende består af video (video only) (forudindspillet): For forudindspillet indhold, som udelukkende består af lyd (audio only) og indhold, som udelukkende består af video (video only) media skal forsynes med alterntiv.

11. WCAG 1.2.2 - A Captions (forudindspillet): Der findes captions (synkroniserede visuelle og/eller tekstlige alternative til talt og ikke-talt indhold) til alt forudindspillet lydindhold.

12. WCAG 1.2.4 - AA Captions(direkte): Der findes captions (synkroniserede visuelle og/eller tekstlige alternativer til talt og ikke-talt indhold) for alt direkte (live) lydindhold.

13. WCAG 1.2.5 - AA Auditive beskrivelser (forudindspillet): Der findes auditive beskrivelser af alt forudindspillet video indhold i form af synkroniseret media.

14. WCAG 1.3 Retningslinje: Kan tilpasses. Skab indhold, som kan præsenteres på forskellige måder (eksempelvis med et enklere layout) uden at man mister information eller struktur.

15. WCAG 1.3.1 - A Information og relationer: Information, struktur og relationer, som fremgår af den visuelle præsentation, kan også blive fastslået programmeringsmæssigt eller er tilgængelig som tekst. Fx. • tabelinformation • H-overskrifter • Sammenknytning af etiketter til kontroller i formularer • Listeelementer

16. Vej/Husnr./Etage/Dør

17. Hyppige brud på retningslinierne Manglende/ukorrekt anvendelse af overskriftelementer (87%) H-elementer må ikke bruges til at opnå et bestemt visuelt udtryk men skal bruges til at markere forskellige niveauer af overskrifter og de skal samtidig nestes korrekt. http://www.dsb.dk/

18. Hyppige brud på retningslinierne Formularelementer som ikke er knyttet explicit sammen med deres labels (81%) http://www.dsb.dk/cs/Satellite?pagename=DSB/Forside Det skal gøres sådan kodemæssigt: <LABEL for="firstname">First name: <INPUT type="text" id="firstname" tabindex="1"> </LABEL>

19. Hyppige brud på retningslinierne Manglende titler til rammer (57%) Titler kan hjælpe en bruger af eksempelvis skærmlæser til at finde ud af hvad de indeholder. http://www.dsb.dk/cs/Satellite?pagename=DSB/Forside

20. Hyppige brud på retningslinierne Manglende overskrifter til datatabeller (59%) Anvend eksempelvis TD til at identificere data celler og TH til at identificere overskrifter i HTML. http://www.rm.dk/sundhed/fremtidens+sundhedsv%c3%a6sen/akutplan/administrationens+forslag+til+akutplan/politikere+sp%c3%b8rgsm%c3%a5l+og+svar?#1022_7054

21. WCAG 1.3.2 - A Meningsfuld rækkefølge: Når den rækkefølge, som indhold præsenteres i, har indflydelse på indholdets betydning, kan den korrekte læserækkefølge fastslås programmeringsmæssigt. http://www.regionmidtjylland.dk/

22. WCAG 1.3.3 - A Sansemæssige egenskaber: Instruktioner, som er medtaget af hensyn at kunne forstå og anvende indholdet er ikke udelukkende afhængig af sansemæssige egenskaber såsom form, størrelse, visuel placering, orientering eller lyd.

23. WCAG 1.4 Retningslinje: Adskillelig: Gør det lettere for brugere at se og høre indhold, herunder at skelne mellem forgrund fra baggrund.

24. WCAG 1.4.1 - A Brug af farver: farver bliver ikke anvendt som den eneste visuelle metode til at videregive information, indikere en handling, anmode om et svar eller skelne et visuelt element. http://www.regionmidtjylland.dk/

25. WCAG 1.4.2 - A Lydkontrol: Såfremt der findes lydindhold på en side, som afspilles automatisk i mere end tre sekunder, findes der enten mulighed for at stoppe eller pause lyden, eller der er mulighed for at justere volumen uafhængig af den overordnede volumenkontrol på system.

26. WCAG 1.4.3 - AA Kontrast (minimum): den visuelle præsentation af tekst og billeder af tekst har et kontrastforhold på minimum 4,5:1. Stortekst: Forstørret tekst og billeder af forstørret tekst har et kontrastforhold på minimum 3:1. (ikke logoer)

27. WCAG 1.4.4 - AA Skalerbar tekst: Med undtagelse af undertekster og billeder af tekst er det muligt at skalere tekst op til 200% uden brug af kompenserende teknologi og uden at indhold eller funktionalitet går tabt.

28. Hyppige brud på retningslinierne Indhold som ikke forstørres hensigtsmæssigt (88%) Fx. ved at undgå at angive størrelser i pixels, men i stedet angive størrelser i procent, så fx. kolonner og tekst skalerer ordentligt (ombrydes på skærmen) og så teksteskalering virker. http://www.frederiksberg.dk/

29. WCAG 1.4.5 - AA Billeder af tekst: Hvis det er muligt at opnå den ønskede visuelle præsentation ved hjælp af den anvendte teknologi så anvendes tekst snarere end billeder af tekst. http://www.regionmidtjylland.dk/

30. Hyppige brud på retningslinierne Brug af grafik som burde være mark up (51%) Fx. billeder som bliver anvendt som overskrifter. Kan ikke søges på, læses op eller forstørres som skrift. http://www.frederiksberg.dk/

31. WCAG 2.1 Retningslinje: Tilgængelig med tastatur. Gør al funktionalitet tilgængelig fra tastatur.

32. WCAG 2.1.1 - A Tastatur: Al funktionalitet i indholdet kan anvendes ved hjælp af en tastaturgrænseflade idet der ikke stilles særlige krav til tastehastigheden.

33. WCAG 2.1.2 - A Ingen tastaturfælde: Hvis tastatur fokus kan flyttes til en komponent på siden ved hjælp af tastaturgrænsefladen, så kan fokus flyttes væk fra komponenten alene ved hjælp af tastaturgrænsefladen.

34. WCAG 2.2 Retningslinje: Tilstrækkelig tid: Giv brugeren tilstrækkelig tid til at læse og anvende indholdet.

35. WCAG 2.2.1 - A Tidsindstillinger er justerbare: For hver tidsbegrænsning, som defineres af indholdet, er mindst et af følgende udsagt sande: • Slå fra: Brugeren har mulighed for at slå tidsbegrænsninger fra før disse optræder; eller…

36. WCAG 2.2.2 - A Pause, Stop, Skjul: Følgende udsagn er alle sande i forbindelse med bevægelse, blink, bladrende (scroll) eller auto-opdaterende information:

37. WCAG 2.2.2 - A • Bevægelse, blink, bladring (scroll): For alle bevægelser, blik og bladrende informationer som (1) starter automatisk, (2) varer mere end fem sekunder, og (3) vises samtidig med andet indhold, er det muligt for brugeren at pause, stoppe eller skjule disse med mindre bevægelse, blink eller bladring er en essentiel del af en aktivitet; og

38. WCAG 2.2.2 - A • Auto-opdatering: For alt auto-opdateret information som (1) starter automatisk og (2) præsenteres samtidig med andet indhold, er det muligt for brugeren at pause, stoppe eller skjule denne, eller at styre frekvensen af opdateringen med mindre auto-opdatering er en essentiel del af en aktivitet.

39. WCAG 2.3 Retningslinje: Anfald: Design ikke indhold på en måde, som er kendt for at forårsage (epileptiske) anfald.

40. WCAG 2.3.1 - A Grænseværdi på tre eller færre blink: Netsider har ikke indhold, som blinker mere end tre gange pr sekund.

41. WCAG 2.4 Retningslinje: Navigerbar: Hjælp brugerne med at navigere, finde indhold og afgøre hvor de er.

42. WCAG 2.4.1 - A Spring over blokke: Der findes mulighed for at springe over blokke af indhold, som gentages på en række netsider. http://vtu.dk/ministeren/taler/2009/aabning-af-forskningens-doegn-2009

43. WCAG 2.4.2 - A Sider har titler: Netsider har titler, som beskriver emne og formål.

44. WCAG 2.4.3 - A Fokus rækkefølge: Komponenter, som kan komme fokus, kommer i fokus i en rækkefølge som bevare meningen og anvendeligheden hvis en netside kan navigeres sekventielt og navigationssekvensen har betydning for meningen eller anvendelsen.

45. WCAG 2.4.4 - A Formål med link (i kontekst): Formålet med hvert link kan afgøres alene ud fra linkteksten eller fra linkteksten i kombination med dens programmeringsmæssigt bestemmelige linkkontekst, undtagen når formålet med linket ville være generelt tvetydigt for brugerne.

46. Hyppige brud på retningslinierne Mangel på klare definitioner af målet til et link (93%) Linkteksten skal give mening også når den læses ude af kontekst. Undgå links såsom ’Læs mere’ og ’Klik her’. http://www.frederiksberg.dk/

47. WCAG 2.4.5 - AA Der findes mere end en vej til at finde en netside blandt et sæt af netsider med mindre netsiden er resultatet af eller et trin i en proces.

48. WCAG 2.4.6 - AA Overskrifter og etiketter: Overskrifter og etiketter beskriver emne eller formål.

49. WCAG 2.4.7 - AA Fokus er synligt: Enhver grænseflade, som kan styres fra tastaturet, har en synlig indikator for tastaturfokus.

50. WCAG 3.1 Retningslinje: Læselig: Gør tekstligt indhold læsbart og forståeligt.