Universell Utforming Intro til testing av webløsninger Trondheim, mars 2015
Niruban Yogalingam SOCO Trondheim Utdannelse NTNU Siv.ing datateknikk Arbeidserfaring store og små prosjekter Offentlig og privat sektor Norge og utlandet
Agenda Definisjon og bakgrunn Gjennomgang av WCAG 2.0 Gjennomgang av testverktøy Demo
Definisjon «Med universell utforming menes utforming eller tilrettelegging av hovedløsningen i de fysiske forholdene, herunder informasjons- og kommunikasjonsteknologi (IKT), slik at virksomhetens alminnelige funksjon kan benyttes av flest mulig.» Nye IKT-løysingar skal vere universelt utforma frå 1. juli 2014. Alle IKT-løysingar, inkludert eksisterande, skal vere universelt utforma innan 1. januar 2021. Bakgrunnen for tidsfristane er at verksemdene skal ha tid til å tilpasse seg krava. Kilde: Tollefsen, Morten, m.fl. (2013). Web og universell utforming. Oslo: Universitetsforlaget. uu.difi.no/regelverk
Bakgrunn Det er utformet 7 prinsipper som grunnlag for å forstå universell utforming Like muligheter for bruk: Utformingen skal være brukbar og tilgjengelig for personer med ulike ferdigheter. Fleksibel bruk: Utformingen skal tjene et vidt spekter av individuelle preferanser og ferdigheter. Enkel og intuitiv i bruk: Utformingen skal være lett og forstå uten å ta hensyn til brukerens erfaring, kunnskap, språkferdigheter eller konsentrasjonsnivå. Forståelig informasjon: Utformingen skal kommunisere nødvendig informasjon til brukeren på en effektiv måte, uavhengig av forhold knyttet til omgivelsene eller brukerens sensoriske ferdigheter. Toleranse for feil: Utformingen skal minimalisere farer og skader som kan gi ugunstige konsekvenser, eller minimalisere utilsiktede handlinger. Lav fysisk anstrengelse: Utformingen skal brukes effektivt og bekvemt med et minimum av besvær. Størrelse og plass for tilgang og bruk: Hensiktsmessig størrelse og plass skal muliggjøre tilgang, rekkevidde, betjening og bruk, uavhengig av brukerens kroppstørrelse, kroppsstilling eller mobilitet. Kilde: Tollefsen, Morten, m.fl. (2013). Web og universell utforming. Oslo: Universitetsforlaget.
WCAG 2.0 Web Content Accessibility Guidelines WCAG 1.0 utgitt 1999, WCAG 2.0 utgitt desember 2008 og er anbefalt fra W3C WCAG 2.0 holder 61 suksesskriterium som er inndelte i tre nivå, A, AA og AAA. Forskrift om universell utforming av IKTløsninger stiller krav om at nettsider må oppfylle 35 av 61 suksesskriteriene i standarden Kilde: http://www.w3.org/wai/intro/wcag.php
Mulig å oppfatte 1.1 Tekstalternativer 1.1.1 Ikke-tekstlig innhold - Nivå A 1.2 Tidsbaserte medier 1.2.1 Bare lyd og bare video (forhåndsinnspilt) - Nivå A 1.2.2 Teksting (forhåndsinnspilt) - Nivå A 1.2.3 Synstolking eller mediealternativ (forhåndsinnspilt) - Nivå A, unntatt 1.2.4 Teksting (direkte) - Nivå AA, unntatt 1.2.5 Synstolking (forhåndsinnpilt) - Nivå AA, unntatt 1.2.6 Tegnspråk (forhåndsinnspilt) - Nivå AAA 1.2.7 Utvidet synstolking (forhåndsinnspilt) - Nivå AAA 1.2.8 Mediealternativ (forhåndsinnspilt) - Nivå AAA 1.2.9 Bare lyd (direkte) - Nivå AAA
Mulig å oppfatte 1.3. Mulig å tilpasse 1.3.1 Informasjon og relasjoner - Nivå A 1.3.2 Meningsfylt rekkefølge - Nivå A 1.3.3 Sensoriske egenskaper - Nivå A 1.4. Mulig å skille fra hverandre 1.4.1 Bruk av farge - Nivå A 1.4.2 Styring av lyd - Nivå A 1.4.3 Kontrast (minimum) - Nivå AA 1.4.4 Endring av tekststørrelse - Nivå AA 1.4.5 Bilder av tekst - Nivå AA 1.4.6 Kontrast (forbedret) - Nivå AAA 1.4.7 Lav eller ingen bakgrunnslyd - Nivå AAA 1.4.8 Visuell presentasjon - Nivå AAA 1.4.9 Bilder av tekst (ingen unntak) - Nivå AAA
Mulig å betjene 2.1 Tilgjengelig med tastatur 2.1.1 Tastatur - Nivå A 2.1.2 Ingen tastaturfelle - Nivå A 2.1.3 Tastatur (ingen unntak) - Nivå AAA 2.2 Nok tid 2.2.1 Justerbar hastighet - Nivå A 2.2.2 Pause, stopp, skjul - Nivå A 2.2.3 Ingen tidsberegning - Nivå AAA 2.2.4 Avbrytelser - Nivå AAA 2.2.5 Ny godkjenning - Nivå AAA
Mulig å betjene 2.3. Anfall 2.3.1 Terskelverdi på maksimalt tre glimt - Nivå A 2.3.2 Tre glimt - Nivå AAA 2.4 Navigerbar 2.4.1 Hoppe over blokker - Nivå A 2.4.2 Sidetitler - Nivå A 2.4.3 Fokusrekkefølge - Nivå A 2.4.4 Formål med lenke (i kontekst) - Nivå A 2.4.5 Flere måter - Nivå AA 2.4.6 Overskrifter og ledetekster - Nivå AA 2.4.7 Synlig fokus - Nivå AA 2.4.8 Plassering - Nivå AAA 2.4.9 Formål med lenke (bare lenke) - Nivå AAA 2.4.10 Deloverskrifter - Nivå AAA
Forståelig 3.1 Leselig 3.1.1 Språk på siden - Nivå A 3.1.2 Språk på deler av innhold - Nivå A 3.1.3 Uvanlige ord - Nivå AAA 3.1.4 Forkortelser - Nivå AAA 3.1.5 Leseferdighet - Nivå AAA 3.1.6 Uttale - Nivå AAA 3.2 Forutsigbar 3.2.1 Fokus - Nivå A 3.2.2 Inndata - Nivå A 3.2.3 Konsekvent navigering - Nivå AA 3.2.4 Konsekvent identifikasjon - Nivå AA 3.2.5 Endring på anmodning - Nivå AAA
Forståelig 3.3. Inndatahjelp 3.3.1 Identifikasjon av feil - Nivå A 3.3.2 Ledetekster eller instruksjoner - Nivå A 3.3.3 Forslag ved feil - Nivå AA 3.3.4 Forhindring av feil (juridiske feil, økonomiske feil, datafeil) - Nivå AA 3.3.5 Hjelp - Nivå AAA 3.3.6 Forhindring av feil (alle) - Nivå AAA
Robust 4.1 Kompatibel 4.1.1 Parsing (oppdeling) - Nivå A 4.1.2 Navn, rolle, verdi - Nivå A
Hvordan kan vi teste dette? Mye kan testes ved hjelp av nettleser og tastatur Valideringsverktøy Verktøy for å måle fargekontrast Kompilatorer som sjekker html og css Skjermlesere
Demo
Nyttige lenker Bøker Tollefsen, Morten, m.fl. (2013). Web og universell utforming. Oslo: Universitetsforlaget Nettsider DIFI: http://uu.difi.no/ Netlab: http://uu.netlab.no/ Verktøy - http://uu.difi.no/veiledning/nettsider/test-og-testverktoy/testverktoy Color Contrast Analyzer - http://www.paciellogroup.com/resources/contrastanalyser/ Web Accessibility Evaluation Tool - http://wave.webaim.org/ Powermapper (lisens) - http://www.powermapper.com/products/sortsite/ Screen reader: NVDA (gratis) http://www.nvaccess.org/ JAWS (lisens) http://www.freedomscientific.com/products/blindness/jaws
Spørsmål? Niruban Yogalingam epost: niruban.yogalingam@soco.no mobil: 993 98 137