![Page 1: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/1.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Introduktion til tilgængelighed og tilgængeligt webdesign
lbc/24.1.2011/2.4
![Page 2: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/2.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Tilgængeligt Webdesign
”Web’ens styrke ligger i, at den er universel. Det er helt
grundlæggende, at alle mennesker — uanset funktionsnedsættelser —
har adgang”Tim Berners-Lee
Opfinder af WWW, direktør for W3C
Tilgængelighed er et spørgsmål om at give flest mulige mennesker i flest mulige situationer og fra flest mulige browser-teknologier adgang til
web-baseret information
![Page 3: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/3.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Det officielle fokus1. Tilgængelighed af hensyn til
mennesker med en række handicaps:– Syn, hørelse, bevægelse, tale, kognition,
sprog, læring, neurologiske– Kombinationer af disse
2. Tilgængelighed af hensyn til ældre mennesker med aldersbetingede behov
3. Tilgængelighed af hensyn til brugere i al almindelighed
![Page 4: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/4.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Status• Op imod 25% af alle brugere oplever
problemer med tilgængeligheden• MeAC 2007
– 5,3% af offentlige netsteder– 0% af private netsteder
• Danmark ligger ikke øverst• Lovkrav giver generelt lidt mere fokus
og lidt bedre resultater
![Page 5: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/5.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Det handler om mennesker
![Page 6: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/6.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Susan er svagsynet
http://www.youtube.com/watch?v=kIDFKaezcHg
![Page 7: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/7.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Rolf er ordblind
http://www.youtube.com/watch?v=PDJm-ydAOcY
![Page 8: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/8.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Status – Seneste undersøgelser• Nationale kortlægninger 2006, 2008, 2010
2008 2010
Godt tilgængeligt 0% 6%
Jævn tilgængeligt 6% 42%
Mangelfuld tilgængeligt 70% 44%
Dårligt tilgængeligt 24% 8%
![Page 9: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/9.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Status – Seneste undersøgelser• eHandelkortlægning 2010
2010
Godt tilgængeligt 4% (1)
Jævn tilgængeligt 12% (3)
Mangelfuld tilgængeligt 62% (16)
Dårligt tilgængeligt 23% (6)
![Page 10: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/10.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Danske projekter
![Page 11: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/11.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Danske projekter
![Page 12: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/12.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Tilgængelighed er et krav
Danske beslutninger• Åbne standarder incl. tilgængelighed
obligatorisk (2008)FN• FN’s handicapkonvention om
handicappedes rettigheder (2009)
![Page 13: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/13.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Obligatoriske standarder
![Page 14: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/14.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Retningslinjer og prioriteter• Internationale retningslinjer fra World
Wide Web Consortium (W3C)– Web Accessibility Initiative (WAI)– Web Content Accessibility Guidelines (WCAG)– Authoring Tools Accessibility Guidelines (ATAG)– User Agents Accessibility Guidelines (UAAG)
Brugeren oplever
tilgængelighed
UAAGBrowsere,
Media players
ATAGRedigerings-værktøjer,
editors, CMSWCAG
Indhold, struktur, layout,
interaktion
![Page 15: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/15.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Retningslinjer og prioriteter• W3C prioriteter og overholdelse
– Prioritet 1 – Skal overholdes (niveau A)– Prioritet 2 – Bør overholdes (niveau AA)– Prioritet 3 – Kan overholdes (niveau AAA)
• Niveau AA (prioritet 1 og 2) er minimum; niveau AAA er ikke altid realistisk
• EU anvender ligeledes W3C/WCAG• http://www.wcag20.dk/wcag20-da/
![Page 16: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/16.jpg)
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 bruger agenter, herunder kompenserende teknologier
![Page 17: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/17.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Retningslinjer og prioriteter 2• Ikke-W3C retningslinjer
– Ikke-W3C teknologier• Indhold fra eksempelvis Microsoft (Office),
Adobe (PDF, Flash), Open Office, andre• Hvis utilgængelige, så skal findes tilgængelige
alternativer• Dokumenterne skal følge retningslinjerne for
det pågældende format• Leverandører er på vej med WCAG 2
supplement til sikring af tilgængeligheden til fx Word og PDF
![Page 18: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/18.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Hvorfor utilgængelighed?• Uvidenhed
– Forudsætter, at alle er som os selv– Anvender en top-1/top-2 browser– Har den samme opfattelse af ”intuitivt”– Anvender en almindelig PC med mus og skærm
• Arrogante designere– Vi prioriterer ”lækkert” design og teknologi over
tilgængelighed og brugervenlighed– Kan læse 7½pt grå på lys grå baggrund
• Misforståelser– Vi tror, at tilgængelighed og design udelukker
hinanden
![Page 19: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/19.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Problemets omfang• Mennesker er meget forskellige, og de anvender
web’en forskelligt– Mangler sanser eller motorik– Mange (ca 15%) er læsesvage, ordblinde, blinde,
svagsynede, hjerneskadede, ...– Mange (ca 10%) Anvender en anden platform
(kompenserende hjælpemidler, Macintosh, ingen mus, PDA, SmartPhone, mobiltelefon, ...)
– Befinder sig i situationer, som gør dem ”handicappede”– Mere end 1.500 browsere og browser-versioner i omløb
• I Danmark har op mod 1 mio mennesker problemer med utilgængelighed
• Problemet bliver større når web’en skal være sikkerhedsnet
![Page 20: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/20.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Type af problemer (Web)• Nogle problemer skabes af systemerne og af
udviklerne– Fx tabel-layout, HTML-fejl, linktekster/URL-
genbrug, scripts, …
• Andre skabes af designerne– Fx ringe kontrast, små bogstaver, dårlig
navigation, …
• Atter andre problemer skabes af redaktørerne– Fx dokumentproduktion, copy/paste fra Word,
billeder uden ALT, uforståeligt sprog
![Page 21: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/21.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Type af problemer (dokumenter)• Nogle problemer skabes af systemerne
– Fx utilgængelige auto-generede dokumenter, dårlige skabeloner, forkerte pdf værktøjer, …
– Manglende skabeloner
• Andre problemer skabes af medarbejdere– Fx forkert anvendelse af skabeloner og værktøjer,
uheldig publiseringspraksis
• Atter andre skabes af eksterne leverandører af dokumenter– Konsulenter, grafikere, …– Syndikerede dokumenter, …
![Page 22: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/22.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Tilgængelighed Top Tre (Web)1. Navigation ved hjælp af tastaturet2. Sammenhørende elementer er
knyttet sammen3. Alt ikke-tekstligt indhold er forsynet
med alternativ tekstlig beskrivelse4. Anvend valid kode
![Page 23: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/23.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Tilgængelighed Top Tre (dok)1. Velstrukturerede dokumenter2. Korrekt opmærkning
– Adskillelse af præsentation og indhold/struktur
– Opmærkning af struktur– Opmærkning af sprog
3. Tekstlige alternativer til illustrationer4. Meningsfuld læserækkefølge
![Page 24: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/24.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Hvordan sikrer man ikke tilgængelighed?
Eksempler fra virkeligheden• Tror på, at det sker af sig selv• Satser på ildsjæle i organisationen• Nøjes med at skrive det i
kravspecifikationen• Får en blind til at teste• Tror på leverandørerne• Tror på, at man kan teste sig selv
![Page 25: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/25.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Hvordan sikrer man tilgængeligheden?
• Tilgængelighed kræver en strategisk beslutning
• Tilgængelighed kræver prioritering• Tilgængelighed forudsætter en politik• Sikring af tilgængelighed er en proces
Retningslinjer Tilgængelig
løsning
Definer standarder Implementer/køb i overensstemmelse
med standarder
Test i overensstemmelse
med standarder
Ledelse
Uddannelse
![Page 26: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/26.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Automatisk validering?• Kan anvendes til at finde fejl• Kan ikke anvendes til at godtgøre
tilgængelighed• WCAG2:
– Indiskutable brud– Mulige brud, som forudsætter manual
validering– Mulige brud, som kræver fortolkning
![Page 27: Introduktion til tilgængelighed og tilgængeligt webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022070410/56814561550346895db2350c/html5/thumbnails/27.jpg)
SensusSpecialister i tilgængelighedSensus
Specialister i tilgængelighed
Spørgsmål, kommentarer
?!