Web Content Accessibility Guidelines 2.0

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

2. Retningslinjerne WCAG 2.0: http://www.w3.org/TR/WCAG20/ Dansk: http://www.w3.org/2003/03/Translations/byTechnology?technology=WCAG20

3. Design • Lav et ensartet og konsistent design • Sørg for at have søgefunktion og/eller sitemap/index • Sider hartitler, som er meningsfulde • Sørg for gode kontraster – undgå dårlige kontraster http://www.lolland.dk/ • Tekst skal kunne skalere (mindst 200 %) http://www.svendborg.dk/

4. Design 2 • Brug af farver - tænk over om farvebrugen bærer informationhttp://www.kk.dk/Borger/Borgerservice.aspx • Instruktioner skal gives på en måde, så alle er med http://www.aarhuskommune.dk/borger/bolig-og-byggeri/Boligen/Ejendomsskat/Indefrysning/Vejledning-om-laan-til-betaling-af-ejendomsskatter.aspx

5. Tekst - indholdsredigering • Overskrifter – brug Headings (H1-H6) og strukturer dem korrekt. Sørg for at overskrifter beskriver emne eller formål. http://www.itst.dk/it-arkitektur-og-standarder/tilgengelighed/projekter/projekter-i-forbindelse-med-folketingsbeslutning-b40 http://www.dsb.dk/Om-billetter-og-kort/ Brug kun fed (strong) og kursiv (em) til tekst som skal fremhæves – ikke til overskrifter • Angiv citater - <q> og <blockquote> • Angiv sidesprog og sprogskift på sider http://www.sensus.dk/vinder_eInclusion http://www.rm.dk/regional+udvikling/den+regionale+udviklingsplan/english+version/focus+for+action/nature+and+the+environment • Brug lister/punktopstilling efter standarden

6. Billeder/Grafik • Alternativer: • Hvad er formålet med billedet? • Dekoration • Informationsbærende • Link • http://www.dsb.dk/ • Undgå billeder af tekst • http://www.moviatrafik.dk/dinrejse/pages/dinrejse.aspx

7. Når du bruger video • De skal have alternativer • De skal undertekstes • Der skal være synstolkning • Det skal kunne pauses/stoppes (hvis det starter automatisk)

8. Links • 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 http://www.digitalsignatur.dk/visForside.asp?artikelID=588 http://www.google.dk/

9. Når du bruger tabeller • Angiv tabeloverskrifter (th) og evt. scope og tabelbeskrivelse (caption) http://www.su.dk/SU/satserSU/videregaaende/Sider/default.aspx http://www.skm.dk/tal_statistik/skatter_og_afgifter/510.html Layouttabeller skal give mening lineært og IKKE have struktur

10. Når du bruger rammer Frames & iFrames http://www.nyborg.dk/Borger/SundhedSygdom/SygesikringLaegevalg/EUSygesikringskort/BestilEUSygesikringskort • Der skal gives et alternativ til rammer, eksempelvis en tekst med url henvisning • <IFRAME src="foo.html"> Din browser kanikke vise rammer. Du kanlæseindholdetpå • <a href="foo.html"></a> </IFRAME> • Rammer skal forsynes med en titel title=””

11. Indtastningssider Fornavn Efternavn • Beskriv input, kæd tingene sammen og beskriv fejl og forslag til rettelse • Undgå: • Vej/Husnr./Etage/Dør

12. Indtastningssider 2 • Sørg for at identificere fejl i indtastning og giv forslag til rettelse http://vtu.dk/nyheder/abonner http://www.cphlimo.com/DK/KONTAKT

13. Rækkefølge • Indhold på sider skal komme i en fornuftig rækkefølge både visuelt, i koden og hvis man blot anvender tastatur til at navigere http://www.regionmidtjylland.dk/ Billede Tekst Link Tekst Indtastning Tekst

14. Tastaturadgang • Man skal kunne nå alt fra tastaturet • Man skal kunne se hvor på siden man befinder sig • Man skal kunne springe over indhold som gentages • http://vtu.dk/

15. Giv brugere kontrol • Brugere skal kunne stoppe tidsbegrænsninger • Bruger skal kunne pause, stoppe eller skjule indhold som er i bevægelse • Indhold må ikke blinke voldsomt

16. Kode • Koden skal være valid i sin specifikation • Indhold skal være kodet sådan, at alle brugere ved hvad elementer er og og hvad de skal bruges til

17. Spørgsmål, kommentarer ?!