Introduktion til tilgængelighed og tilgængeligt webdesign

1. Introduktion til tilgængelighed og tilgængeligt webdesign lbc/24.1.2011/2.4

2. 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

3. Det officielle fokus • 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 • Tilgængelighed af hensyn til ældre mennesker med aldersbetingede behov • Tilgængelighed af hensyn til brugere i al almindelighed

4. 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

5. Det handler om mennesker

6. Susan er svagsynet http://www.youtube.com/watch?v=kIDFKaezcHg

7. Rolf er ordblind http://www.youtube.com/watch?v=PDJm-ydAOcY

8. Status – Seneste undersøgelser • Nationale kortlægninger 2006, 2008, 2010

9. Status – Seneste undersøgelser • eHandelkortlægning 2010

10. Danske projekter

11. Danske projekter

12. Tilgængelighed er et krav Danske beslutninger • Åbne standarder incl. tilgængelighed obligatorisk (2008) FN • FN’s handicapkonvention om handicappedes rettigheder (2009)

13. Obligatoriske standarder

14. 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 UAAG Browsere, Media players ATAG Redigerings-værktøjer, editors, CMS WCAG Indhold, struktur, layout, interaktion

15. 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/

16. 4 principper for tilgængelighed • Opfattelig (perceivable) – information og brugergrænseflader skal præsenteres for brugere på måder, som de kan opfatte • Anvendelig (operable) – brugergrænsefladen og navigationen skal være anvendelig • Forståelig (understandable) – information og brugergrænsefladen skal være forståelig • 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

17. 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

18. 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

19. 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

20. 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

21. 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, …

22. Tilgængelighed Top Tre (Web) • Navigation ved hjælp af tastaturet • Sammenhørende elementer er knyttet sammen • Alt ikke-tekstligt indhold er forsynet med alternativ tekstlig beskrivelse • Anvend valid kode

23. Tilgængelighed Top Tre (dok) • Velstrukturerede dokumenter • Korrekt opmærkning • Adskillelse af præsentation og indhold/struktur • Opmærkning af struktur • Opmærkning af sprog • Tekstlige alternativer til illustrationer • Meningsfuld læserækkefølge

24. 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

25. 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 Definer standarder Implementer/køb i overensstemmelse med standarder Test i overensstemmelse med standarder Tilgængelig løsning Ledelse Uddannelse

26. 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

27. Spørgsmål, kommentarer ?!