Upload
faye
View
34
Download
0
Embed Size (px)
DESCRIPTION
Web Content Accessibility Guidelines 2.0. Maria Barrett Sensus ApS 09. februar 2011 l. Net-dokumenter. Web Content Accessibility Guidelines: http://www.w3.org/TR/WCAG20/ Den danske oversættelse af retningslinjerne: http://www.wcag20.dk/wcag20-da/. Opbygning af WCAG 2.0. - PowerPoint PPT Presentation
Citation preview
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Web Content Accessibility Guidelines 2.0
Maria BarrettSensus ApS
09. februar 2011
l
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Net-dokumenter• Web Content Accessibility Guidelines:
http://www.w3.org/TR/WCAG20/ • Den danske oversættelse af
retningslinjerne: http://www.wcag20.dk/wcag20-da/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Opbygning af WCAG 2.0• Alle succeskriterier er mærket med
– A - vigtigste– AA - vigtige– AAA – mindre vigtige
• Retningslinjerne siger, at en overholdelse på WCAG AAA ikke altid er realistisk, men disse kan inddrages, hvis man har særlige målgrupper
• I Danmark er niveau AA obligatorisk for offentlige myndigheders netsteder
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
4 principper for tilgængelighed1. Opfattelig (perceivable) – information og
brugergrænseflader skal præsenteres for brugere på måder, som de kan opfatte
2. Anvendelig (operable) – brugergrænsefladen og navigationen skal være anvendelig
3. Forståelig (understandable) – information og brugergrænsefladen skal være forståelig
4. Robust (robust) – indholdet skal være tilstrækkelig robust til at det kan præsenteres pålideligt på en bred vifte af brugeragenter, herunder kompenserende teknologier
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
OPFATTELIGHEDSucceskriterier der vedrører indholds
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.1.1 - A1.1.1 Ikke-tekstbaseret indhold: Alt
ikke-tekstbaseret indhold, der præsenteres for brugeren, har tilknyttet et tekstbaseret alternativ som har samme formål.
Fx: – Tidsafhængigt media– Grafik – Dynamisk indhold– Rammer
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
BillederAlle billeder skal have et tekstligt
alternativ, der svarer til billedets formål
http://www.aarhus.dk/omkommunen/organisation/teknik-og-miljoe/Drift-i-dag-giv-os-et-praj.aspx http://www.foedevarestyrelsen.dk/forside.htm
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Øvelse• Samme billede, men forskellige alt-
tekster til forskellige situationer:1. Billedet er et link til en artikel om ældre
og IT2. Billedet er en illustration til artiklen om
ældre og IT3. Billedet er en illustration på en side, der
sælger mus4. Billedet er en instruktion til ældre, IT-
svage i at anvende en mus
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Komplekse billeder• Eksempelvis diagrammer, instruktioner
etc.• Flere løsningsmuligheder
– Beskriv billedets formål i alt-teksten (ikke for langt)
– Beskriv billedets formål i teksten og skriv i alt-teksten at dette er gjort
– Link til en anden fremstillingsform og beskriv i alt-teksten at denne løsning er valgt http://www.kk.dk/Nyheder/2009/December/KSStatistikBefolkUdvikl3Kvt09.aspx
http://www.sdu.dk/Om_SDU/Organisationen/Organisationsdiagram http://www.fredericiakommune.dk/72107000/menu/alarmering/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Captcha• Hvis der anvendes visuelle captcha
så sørg for, at der er et alternativhttps://www.google.com/accounts/NewAccount?service=mail&continue=http://mail.google.com/mail/e-11-112e83110142357df3025fc1214419-89d5b92a418cbd0394e09a2eb8da16e40320ee97&type=2
http://drk.dk/nyheder/temaer/byer+skaber+sundhedskatastrofe
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.2.1 - ARent lydindhold (audio only) og
rent videoindhold (video only) (forudindspillet): For forudindspillet rent lydindhold og forudindspillet rent videoindhold gælder følgende, undtagen når video eller lyd udgør et mediealternativ til tekst og klart er markeret som sådan.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.2.2 - AUndertekster (forudindspillet): Der
skal leveres undertekster til alt forudindspillet lydindhold i synkroniserede medier, undtaget når medier fungerer som medie-alternativ til tekst og er klart markeret som sådan.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.2.4 - AAUndertekster (live): Der skal leveres
undertekster til alt lydbaseret live-indhold i synkroniserede medier.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.2.5 - AASynstolkning (forudindspillet): Der
skal leveres synstolkning til alt forudindspillet videoindhold i synkroniserede medier.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.3.1 - AInformation og relationer:
Information, struktur, og relationer der formidles via præsentationen, kan bestemmes programmeringsmæssigt eller er tilgængelige som tekst.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
1.3.1 gælder eksempelvis:• Sammenknytning af etiketter til
kontroller i formularelementer • Citater• Overskrifter • Tabelinformation• Listeelementer
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.3.1 – A: FormularerEn etiket skal knyttes eksplicit til
hver kontrolDet skal gøres sådan kodemæssigt:<LABEL for=”fornavn">Fornavn: <INPUT type="text" id=”fornavn">
</LABEL>http://vtu.dk/nyheder/abonner
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.3.1 A – Citater
• Der er to typer citater: inline-citater og blok-citater. Begge dele bør opmærkes
• Browseren renderer som udgangspunkt blokcitater med linjeskift og indrykning
http://www.kk.dk/Borger/ByOgTrafik/CyklernesBy.aspx http://www.odense.dk/Topmenu/Kommunen/Job/Den%20attraktive%20arbejdsplads/Ledelsesgrundlag.aspx
http://www.sensus.dk/Nyhedsbrev_maj_2010
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.3.1 – A: OverskrifterH-elementer må ikke bruges til at
opnå et bestemt visuelt udtryk men skal bruges til at markere forskellige niveauer af overskrifter. Niveauet skal svare til den funktion, indholdet har
http://www.itst.dk/tele-og-internetregulering http://www.aarhuskommune.dk/borger/beskaeftigelse-og-uddannelse.aspx http://www.aarhuskommune.dk/borger/aeldre/Folkepension/Generelt-om-folkepension.aspx http://www.byenudafboksen.dk/#/341438/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Overskrifter• Skal nestes korrekt, således at der ikke springes
niveauer over – på HELE siden• Overskrifterne skal inddele siden i logiske afsnit• Overskrifter må ikke bruges til styling af tekst –
eks. manchettekster• Hvis noget tekst er visuelt fremhævet som en
overskrift (med eksempelvis fed skrift), så overvej om det ikke bør have et overskriftniveau
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Lister• Skal opmærkes med de dertil egnede
funktioner– Brug ikke almindelige tegn til punkter -
eks. - eller >– Skriv ikke numrene selv i en nummereret
opstilling– Brug ikke punkter fra tidligere dokumenter– Anvend ikke billeder af punkterhttp://odense.dk/Topmenu/Erhverv/Raadgivning%20og%20erhvervsudvikling/Arbejdskraft%20og%20personale.aspx
http://vtu.dk/nyheder/andet-nyt/2011/deltag-i-debatten-om-en-strategi-for-fremmedsprog
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Datatabeller• Anvend kode til at skelne dataceller fra
overskriftceller • TD til dataceller • TH til at identificere tabeloverskrifter• Anvend caption såfremt tabellen har en
titel /overskrift• Anvend kun summary hvis det er
nødvendigthttp://www.ballerup.dk/get/45416.html#45417http://www.aarhus.dk/borger/familie-boern-og-unge/Pasning/Takster-og-betaling/Takster-2010.aspx
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Datatabeller – et eksempel
2007 2008 2009
København 10.000 15.000 12.000
Århus 10.000 10.000 12.000
Odense 5.000 2.500 5.000
Oversigt over…
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Note vedr. layouttabeller• Layouttabeller er blot en visuel
positionering af tekst, men udtrykker ikke et forhold imellem cellerne
• Brug layouttabeller med forsigtighed – de skal give mening, når de lineariseres
• Ved layouttabeller, skal der ikke anvendes tabeloverskrifter og caption
http://kk.dk/Borger/Oekonomi.aspx
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.3.2 - AMeningsfuld rækkefølge: Når den
rækkefølge, som indhold præsenteres i, påvirker indholdets mening, kan en korrekt læserækkefølge bestemmes programmeringsmæssigt.
http://www.digitalsignatur.dk/visArtikel.asp?artikelID=698http://www.regionmidtjylland.dk/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.3.3 - ASensoriske egenskaber:
Instruktioner, der vedrører forståelse og betjening af indhold, er ikke udelukkende afhængige af komponenternes sensoriske egenskaber såsom form, størrelse, visuel placering, orientering eller lyd.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Sensoriske egenskaber i instruktionerHvad er den tilgængelighedsmæssige
forskel mellem disse to formuleringer?• Læs mere om organisationen via
navigationen i den blå boks til venstre. • Læs mere om organisationen via linket
”Organisationsdiagram” i navigationen i den blå boks til venstre
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.4.1 - AAnvendelse af farve: Farve er ikke
det eneste visuelle middel, der anvendes til at formidle information, gøre opmærksom på en handling, anmode om respons eller udskille et visuelt element.
http://kk.dk/Borger/Miljoe/LuftOgStoej/Luftudsigt.aspx http://www.iu.dk/politiske-rammer/bologna-processen http://www.kk.dk/Nyheder/2010/December/SjaellandsgadeBad.aspx
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.4.2 - AKontrol af lyd: Hvis eventuel lyd på en
webside spiller automatisk i mere end tre sekunder, skal der enten være en mekanisme, som kan anvendes til at afbryde lyden helt eller midlertidigt, eller der skal findes en mekanisme, som kan regulere lydstyrken uafhængigt af systemets generelle lydniveau.
http://www.odense.dk/Topmenu/Kommunen/Job/Den%20attraktive%20arbejdsplads/Moed%20en%20medarbejder.aspx
http://www.ivanahelsinki.com/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.4.3 - AAKontrast (minimum): Den visuelle
præsentation af tekst og billeder af tekst skal have et kontrastforhold på mindst 4,5:1, undtagen i følgende situationer:– Stor tekst: Forstørret tekst og billeder af
forstørret tekst har et kontrastforhold på minimum 3:1.
– Ikke betydningsbærende– Logoer http://www.vejenkom.dk/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.4.4 - AAÆndring af tekststørrelse: Tekst
kan, med undtagelse af undertekster og billeder af tekst, forstørres op til 200 % uden brug af kompenserende teknologi uden tab af indhold eller funktion.
http://www.boernogkultur.dk/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 1.4.5 - AABilleder af tekst: Hvis de anvendte
teknologier kan håndtere den visuelle præsentation, anvendes tekst frem for billeder af tekst til formidling af information, undtagen i følgende tilfælde:– Kan tilpasses: Billedet af tekst kan tilpasses visuelt til at
imødekomme brugerens krav;– Nødvendig: En særlig præsentation af tekst er nødvendig
for den information, der formidles.http://www.biblioteksvagten.dk/index.asp
http://www.aarhus.dk/default.aspx
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
ANVENDELIGHEDSucceskriterier der vedrører indholds
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.1.1 - ATastatur: Alle indholdets funktioner kan
betjenes via en tastaturgrænseflade uden at der er behov for specifik tidsindstilling af individuelle tastetryk, undtaget tilfælde, hvor den underliggende funktion kræver input, der er afhængige af at kunne følge hele rækken af brugerens bevægelser og ikke blot slutpunkterne.
http://kk.dk/http://www.kk.dk/Borger/JobOgUddannelse/Ungejobpakke/Praktikpladser.aspx
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.1.2 - AIngen tastaturfælde: Hvis tastaturfokus
kan flyttes til en af sidens komponenter ved hjælp af en tastaturgrænseflade, kan fokus fjernes fra denne komponent udelukkende ved hjælp af en tastaturgrænseflade. Hvis det kræver mere end utilpassede pile- eller tab-taster eller andre standard lukkemetoder, skal brugeren rådgives om metoden til at fjerne fokus.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.2.1 - A• Man skal skulle ændre
tidsindstillinger: For hver tidsbegrænsning, der er givet i indholdet, gælder mindst et af følgende punkter:
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.2.1 – A: fortsat• Slå fra: Brugeren kan slukke for
tidsbegrænsningen, før den udløber; eller • Tilpasse: Brugeren kan tilpasse
tidsbegrænsningen, før den udløber, over en bred skala, der er mindst ti gange varigheden af standardindstillingen; eller
• Udvide: Brugeren advares, før tiden udløber, og får mindst 20 sekunder til at forlænge tidsbegrænsningen ved hjælp af en simpel handling (for eksempel ”tryk på mellemrumstasten”), og brugeren har mulighed for at forlænge tiden mindst ti gange; eller
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.2.1 – A: fortsat• Undtagelse ved real-time: Tidsbegrænsningen er
en nødvendig del af en begivenhed i real-time (for eksempel en auktion), og der findes ikke noget muligt alternativ til tidsbegrænsningen; eller
• Nødvendig undtagelse: Tidsbegrænsningen er nødvendig, og en forlængelse vil gøre handlingen ugyldig; eller
• 20 timers undtagelse: Tidsbegrænsningen varer længere end 20 timer.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.2.2 - APause, stop, skjul: Ved bevægelse,
blinken, rulning eller automatisk opdatering af information gælder samtlige følgende punkter:
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.2.2 – A: fortsat• Bevægelse, blinken, rulning
(scrolling): Ved enhver form for bevægelse, blinken eller rulning (scrolling) af information, der (1) starter automatisk, (2) varer mere end 5 sekunder og (3) præsenteres samtidigt med andet indhold, findes der en mekanisme, så brugeren kan stoppe skjule eller sætte informationen på pause, medmindre bevægelsen, blinket eller rulningen (scrolling) er en del af en handling, hvor dette er nødvendigt; og
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.2.2 – A: fortsat• Automatisk opdatering: Ved enhver form
for automatisk opdatering af information, der (1) starter automatisk og (2) præsenteres samtidigt med andet indhold, findes der en mekanisme, som gør det muligt for brugeren kan stoppe skjule eller sætte opdateringen på pause, eller at kontrollere opdateringsfrekvensen, medmindre den automatiske opdatering er en del af en aktivitet, hvor dette er nødvendigt.
http://www.odense.dk/Topmenu/Kommunen/Job/Den%20attraktive%20arbejdsplads/Ledelsesgrundlag.aspxhttp://www.aarhuskommune.dk/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.3.1 - AGrænseværdi på tre glimt eller
derunder: Intet indhold på en webside glimter mere end tre gange på et sekund, eller glimtet ligger under grænseværdien for generelt glimt og rødt glimt.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.4.1 - ASpring over blokke: Der findes en
mekanisme til at springe over blokke af indhold, der gentages på flere websider.
http://www.aarhus.dk/default.aspxhttp://www.cancer.dk/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.4.2 - ASider har titler: Websider har titler,
der beskriver emne eller formålhttp://www.dmi.dk/dmi/index/danmark/graenselandsvejr.htm
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.4.3 - AFokusrækkefølge: Hvis der kan
navigeres sekventielt på en webside, og hvis navigationssekvenserne påvirker mening eller betjening, skal fokuserbare komponenter opnå fokus i en rækkefølge, der bevarer meningen eller betjeningsmulighederne. http://bibzoom.shop2download.com/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.4.4 - AFormål med links (i kontekst): Formålet
med ethvert link kan bestemmes ud fra link-teksten alene eller ud fra link-teksten sammen med den link-kontekst, der er programmeringsmæssigt bestemt; undtaget herfra er tilfælde, hvor linkets formål vil forekomme flertydigt for alle brugere.
http://bibzoom.shop2download.com/ http://www.aarhuskommune.dk/borger/kultur-idraet-og-fritid.aspxhttp://www.google.dk/search?hl=da&source=hp&biw=1280&bih=540&q=hiller%C3%B8d&aq=f&aqi=g10&aql=&oq= http://www.aarhus.dk/Servicesider/Soegeresultatside.aspx?q=skole
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Tekst - Linktekster• Den tekst, der er klikbar skal
beskrive formålet for linket, når den læses for sig selv
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Tekst - Linktekster
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Linktekster• Hvis muligt: Sørg for at hver enkelt
linktekst beskriver formålet for linket uden den kontekst, linket står i– Alt-tekster er linktekst for billeder, der linker
• Hvis det ikke er muligt: Sørg for at linket er knyttet programmerings-mæssigt sammen med sin kontekst vha. overskrifter, listeelementer, datatabel mv.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Øvelse – acceptable linkteksterSkolens værdigrundlagSkolens værdigrundlagBilligst mulig – infoLæs mere på http://kulturkanon.dk/Læs mere på
http://oddernettet.dk/site.aspx?MenuID=&Langref=1&Area=&topID=&ArticleID=&expandID=2&splashID=&newsID=
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Øvelse (fortsat)• A
•A• Læs højt
http://odense.dk/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.4.5 - AAFlere måder: Der findes mere end en
måde at lokalisere en webside på inden for en samling af websider. Undtaget er tilfælde, hvor websiden udgør et resultat af eller et trin i en proces.
Dette overholdes hvis netstedet har en global søgefunktion, et sitemap eller et indeks
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.4.6 - AAOverskrifter og ledetekster:
beskriver emne eller formål.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 2.4.7 - AASynligt fokus: Enhver tastaturbetjent
brugergrænseflade har en betjeningstilstand, hvor tastaturfokusindikatoren er synlig
http://www.dr.dk/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
FORSTÅELIGHEDSucceskriterier der vedrører indholds
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.1.1 - ASproget på siden: Det menneskelige
standardsprog for hver side kan bestemmes programmeringsmæssigt.
Dette gøres med lang og / eller xml:lang
http://www.aok.dk/http://www.guldborgsund.dk/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.1.2 - AASprog, der anvendes til dele af indhold:
Det menneskelige sprog, der anvendes i hver passage eller frase i indholdet, kan bestemmes programmeringsmæssigt; undtaget herfra er egennavne, tekniske termer, ord med ubestemmeligt sproglig baggrund samt ord eller vendinger, der er blevet en del af sprogbrugen i den tekst, de umiddelbart indgår i.
http://www.sensus.dk/juni2009
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.2.1 - AI fokus: Når en komponent kommer i
fokus, medfører dette ikke en ændring af kontekst.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.2.2 - A Ved input: Ændring af indstillingerne i
en hvilken som helst brugergrænsefladekomponent medfører ikke automatisk ændring af kontekst, medmindre brugeren er blevet advaret herom, inden komponenten anvendes.
http://www.horsenskom.dk/ http://www.aarhuskommune.dk/borger/kultur-idraet-og-fritid/Fritid-og-Idraet.aspx
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.2.3 - AAKonsekvent navigation:
Navigationsmekanismer, der gentages på flere websider inden for en samling af websider, skal optræde i samme relative rækkefølge, hver gang de gentages, medmindre brugeren selv foretager en ændring.
http://odense.dk/Topmenu/Kommunen.aspx
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.2.4 - AAKonsekvent identifikation:
Komponenter med samme funktion inden for en række websider skal defineres konsekvent.http://beredskabsstyrelsen.dk/fagomraade/tilsyn/csb/HOB/index.htm
http://beredskabsstyrelsen.dk/index.html http://www.kk.dk/PolitikOgIndflydelse.aspx
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.3.1 - AIdentifikation af fejl: Hvis en
inputfejl registreres automatisk, skal det fejlbehæftede element identificeres, og fejlen beskrives for brugeren ved hjælp af tekst
http://www.folkesundhed.dk/Nyhedsmail.43.aspxhttp://vtu.dk/nyheder/abonner
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.3.2 - ALedetekster eller instruktioner:
Der findes ledetekster eller instruktioner, når indhold kræver brugerinput
http://www.billetlugen.dk/musik/list/dato/https://www.google.com/accounts/NewAccount?service=mail&continue=http://mail.google.com/mail/e-
11-112e83110142357df3025fc1214419-89d5b92a418cbd0394e09a2eb8da16e40320ee97&type=2
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.3.3 - AAFejlforslag: Hvis en inputfejl
registreres automatisk, og der findes forslag til retning af fejlen, skal forslagene præsenteres for brugeren, medmindre dette ville undergrave sikkerheden eller indholdets formål.
http://www.nationalbanken.dk/C1256BAE005B1FFE/dlgEmail?OpenForm
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.3.4 - AA• Forhindring af fejl (juridisk,
økonomisk, data): For websider som medfører juridiske forpligtelser eller økonomiske transaktioner for brugeren, som tilpasser eller sletter data, som kan kontrolleres af brugeren i datalagringssystemer, eller som afleverer svar på test udført af brugeren, skal mindst et af følgende punkter gælde:
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 3.3.4 – AA (fortsat)• Reversibel: Det sendte er reversibelt.• Tjek: Data, der indtastes af brugeren,
tjekkes for inputfejl, og brugeren får mulighed for at rette fejlene.
• Bekræftelse: Der findes en mekanisme som gør det muligt at gennemse, bekræfte eller rette information, før forsendelsen afsluttes.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
ROBUSTHEDSucceskriterier der vedrører indholds
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 4.1.1 - A Parsing: I indhold, der er implementeret
ved hjælp af markup-sprog, har elementer afsluttede start- og slut-tags, elementer er nestet efter deres specifikationer, de indeholder ikke attribut-dubletter og ID’er er unikke; undtaget herfra er tilfælde, hvor specifikationerne tillader disse funktionaliteter
http://validator.w3.orghttp://jigsaw.w3.org/css-validator/ http://htmlhelp.com/tools/validator/
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
WCAG 4.1.2 - ANavn, rolle, værdi: For alle
brugergrænsefladekomponenter gælder det, at navn og rolle kan bestemmes programmeringsmæssigt. Tilstande, egenskaber og værdier, der kan indstilles af brugeren, kan indstilles programmeringsmæssigt, og besked om ændringer i disse elementer kan tilgås af brugeragenter, herunder kompenserende teknologier.
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Navn, rolle, værdi (fortsat)• W3C-teknologier kan få navn, rolle og
værdi, hvis de bruges iht. specifikationerne
• For brugergrænsefladelementer, der ikke er W3C-standard skal man sørge for, at navn, rolle og værdi er tilgængeligt programmeringsmæssigt for eksempelvis kompenserende teknologier
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Navn, rolle værdi (eksempel)<fieldset>
<legend>Hvor ofte ønsker du at modtage nyt?</legend> <input type="radio" name="frequency" id="frequency1" value="weekly" />
<label for="frequency1">Hver uge</label> <input type="radio" name="frequency" id="frequency0" value="daily" checked="checked" />
<label for="frequency0">Hver dag</label></fieldset>
http://vtu.dk/nyheder/abonner
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Spørgsmål, kommentarer
?!