Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.

Præsentationer af emnet: "Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS."— Præsentationens transcript:

1 Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS

2 Sensus Tilgængeligheden til offentlige danske netsteder I foråret 2008 blev en større undersøgelse foretaget af tilgængeligheden til offentlige danske netsteder. Undersøgelsen viste at ingen af de 234 testede netsteder er fuldt tilgængelige. En anden undersøgelse viser at 97% af alle offentlige netsteder på Europæisk plan er utilgængelige.

3 Sensus 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 Sensus 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 Sensus Hyppige brud på retningslinierne I det følgende gennemgås de mest hyppige problematikker i forhold til WCAG, som optræder på offentlige netsteder, ifølge kortlægning af (forår 2008):

6 Sensus Hyppige brud på retningslinierne Manglende alternativer til grafik (95%) 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.

7 Sensus Hyppige brud på retningslinierne Labels er ikke placeret korrekt ved formularelementer (60%) Labels skal stå umiddelbart foran kontrollen på samme linje eller stå på linjen umiddelbart før kontrollen. Navn:

8 Sensus Hyppige brud på retningslinierne Formularkontroller som ikke er explicit tilknyttet label (60%) Det skal gøres sådan kodemæssigt: First name:

9 Sensus Hyppige brud på retningslinierne Manglende alternativ til utilgængeligt indhold (58%) 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.:

10 Sensus Hyppige brud på retningslinierne Mangel på klare definitioner af målet til et link (94%) Linkteksten skal give mening også når den læses ude af kontekst (undgå links såsom ’Klik her’ eller ’Læs mere’). Desuden må den samme linktekst på en side ikke anvendes til at vise forskellige steder hen.

11 Sensus Hyppige brud på retningslinierne Invalid kode (100%) Netstedet skal kunne bestå en HTML validering og en validering af CSS-kode for at sikre bedst mulig browserkompatabilitet. Fx. med WDG: http://www.htmlhelp.com/tools/validatorhttp://www.htmlhelp.com/tools/validator Og W3C: http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/

12 Sensus Hyppige brud på retningslinierne Manglende/ukorrekt anvendelse af overskriftelementer (95%) 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.

13 Sensus Hyppige brud på retningslinierne Manglende angivelse af sprogskift lokalt på en side (50%) Anvend eksempelvis "lang" attributten i HTML og "xml:lang" iXML.

14 Sensus 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.

15 Sensus Hyppige brud på retningslinierne Eventhandlers i scripts og appletter er enhedsafhængige (kan udelukkende aktiveres ved brug af mus (52%) Der bør både ’lyttes’ efter mus og keyboard.

16 Sensus Fokus i WCAG 2.0 Alternativer til film og lyd Styring af film og lyd (pause og stop) Brug ikke grafik til tekst Forstørrelse og minimering af tekst (mindst op til 200%) Keyboard tilgang Titel til sider Spring over indhold Siders sprog Fejlbeskrivelser ved input

17 Sensus ?! Spørgsmål og kommentarer