Præsentation er lastning. Vent venligst

Præsentation er lastning. Vent venligst

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

Lignende præsentationer


Præsentationer af emnet: "Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS."— Præsentationens transcript:

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

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

3 Design •Lav et ensartet og konsistent design •Sørg for at have søgefunktion og/eller sitemap/index •Sider har titler, som er meningsfuldetitler •Sørg for gode kontraster – undgå dårlige kontraster http://www.lolland.dk/ 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 information http://www.kk.dk/Borger/Borgerservice.aspx 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/Vejle dning-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 - og •Angiv sidesprog og sprogskift på sider http://www.sensus.dk/vinder_eInclusion http://www.rm.dk/regional+udvikling/den+regionale+udviklingsplan/engli sh+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æren de • Link http://www.dsb.dk/ • Undgå billeder af tekst http://www.moviatrafik.dk/dinrejse/pages/dinrejs e.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/def ault.aspx http://www.skm.dk/tal_statistik/skatter_og_afgifter/510. html IndbyggereAreal 50.00050km2 30.00040km2 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/BestilEUSyg esikringskort • Der skal gives et alternativ til rammer, eksempelvis en tekst med url henvisning Din browser kan ikke vise rammer. Du kan læse indholdet på • 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/ BilledeTekstLinkTekstIndtastningTekst Billede TekstLink 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 ?!


Download ppt "Web Content Accessibility Guidelines 2.0 Helene Nørgaard Bech Sensus ApS."

Lignende præsentationer


Annoncer fra Google