Web tilgængelighed Do’s and dont’s Helene Nørgaard Bech Sensus ApS
Retningslinjerne WCAG 2.0: http://www.w3.org/TR/WCAG20/ Dansk: http://www.w3.org/2003/03/Translations/byTechnology?technology=WCAG20
Design Lav et ensartet og konsistent design Sørg for at have søgefunktion og/eller sitemap/index Sider har titler, 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/
Design 2 Brug af farver - tænk over om farvebrugen bærer information http://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
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/it-arkitektur/om-arkitektur/oio-arkitekturarbejdet-aktorer-og-roller 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.regionmidtjylland.dk/Om+regionen/English Brug lister/punktopstilling efter standarden
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
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)
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/
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 Indbyggere Areal 50.000 50km2 30.000 40km2 Layouttabeller skal give mening lineært og IKKE have struktur
Når du bruger rammer Frames & iFrames http://www.nyborg.dk/Borger/SundhedSygdom/SygesikringLaegevalg/EUSygesikringskort/BestilEUSygesikringskort Rammer skal forsynes med en titel title=””
Indtastningssider Fornavn Efternavn Beskriv input, kæd tingene sammen og beskriv fejl og forslag til rettelse Undgå: Vej/Husnr./Etage/Dør
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
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 Indtastning Billede Tekst Link Tekst Indtastning Tekst
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/
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
Kode Koden skal være valid i sin specifikation http://validator.w3.org/ Indhold skal være kodet sådan, at alle brugere ved hvad elementer er og og hvad de skal bruges til
Spørgsmål, kommentarer ?!