Innledning om universell utforming

1. Universell utforming
(universal design)
Aud Marie Hauge, ekspert i brukskvalitet og
universell utforming i Epinova
1

2. Hva er universell utforming?
Deltasenteret (2005) sin definisjon:
”Begrepet universell utforming blir ofte brukt synonymt med
tilgjengelighet for alle, planlegging for alle og design for alle.
Universell utforming vil si å utforme produkter og omgivelser på
en slik måte at de kan benyttes av alle mennesker, i så stor
utstrekning som mulig, uten behov for tilpassing eller spesiell
utforming”
2

3. 7 prinsipper for universell utforming (UU)
1. Like muligheter for bruk
2. Fleksibel i bruk
3. Enkel og intuitiv i bruk
4. Forståelig informasjon
5. Toleranse for feil
6. Lav fysisk anstrengelse
7. Størrelse og plass for tilgang og bruk
http://medialt.no/news/wcag-20/567.aspx
3

4. Hvem trenger tilgjengelige nettsider?
ALLE, men spesielt
• Eldre
• Personer med nedsatte funksjonsevner
• Personer med flerkulturell bakgrunn
• Brukere av PDA, mobiltelefoner, eldre nettlesere, små skjermer
• Brukere med datamaskin uten høyttaler m.m.
4

5. Hvorfor tilgjengelige nettsider?
• Juridisk
– Norge:
• Diskriminerings- og tilgjengelighetsloven (01.01.09)
– http://doksenter.custompublish.com/diskriminerings-og-tilgjengeligh
– Lov om offentlige anskaffelser (01.01.07)
– Universell utforming og tilgjengelighet skal tas med i
planlegging av alle offentlige anskaffelser (
http://www.lovdata.no/all/nl-19990716-069.html)
– EU
– USA: Section 508
• Økonomisk
• Etisk
5

6. Hvem bør ta ansvar?
• Leverandør av programvare og publiseringssystem
• Leverandører, designere og utviklere av nettsteder - de som
implementerer
• Kjøpere av nettsteder
– Viktig at kravspesifikasjon er presis og forpliktende
• Innholdsprodusenter & redaktører av nettsteder
6

7. Hvordan gjøre nettsider tilgjengelige?
• Tenk tilgjengelighet allerede i fase 1, fikse på allerede
eksisterende nettsteder kan være ressurs- og tidkrevende
• Følge standarder (HTML og CSS)
• Følge WAI og Difi sine retningslinjer for tilgjengelighet
• Validering og manuell testing
• Brukertesting
7

8. WAI og DIFI/Norge.no
 WAI
 http://www.w3.org/WAI/intro/wcag#is (WAI)
– http://www.huftis.org/w3c/TR/WAI-WEBCONTENT-NN-NO/wai-pageauth.html
(WCAG 1.0 på norsk)
 www.difi.no
 http://kvalitet.difi.no/
8

9. W3C, WAI og WCAG
 W3C
 Internasjonal organisasjon som utvikler standarder for internett
 Arbeider også med å gjøre nettet tilgjengelig for personer med nedsatte
funksjonsevner
 Startet i 1999 the Web Accessibility Initiative (WAI)
 WAI
 Initiativ som utvikler internasjonale retningslinjer for personer med
funksjonshemninger (WCAG = Web Content Accssibility Guidelines)
 Siste lanserte standard er WCAG 2.0 (desember 2008)
9

10. WCAG 2.0
• 4 hovedprinsipp
– Gjenkjenbart - informasjon og brukergrensesnitt må presenteres på
måter brukerne kan tilegne seg.
– Anvendelig - brukergrensesnitt og navigasjon må fungere.
– Forståelig - informasjon og kontroll med brukergrensesnitt må være
forståelig.
– Robust - innhold må kunne presenteres på ulike agenter inkludert
hjelpemiddelteknologi.
• 12 retningslinjer
• 61 suksesskriterier (A - må, AA - bør og AAA - kan).
10

11. DIFI:
Kriterier for kvalitet offentlige nettsteder
Delt inn i tre deler:
• Tilgjengelighet
• Brukertilpassing
• Nyttig innhold
• Før:norge.no
11

12. Hvordan teste UU?
• Validere HTML i henhold til standarden (http://validator.w3.org/,
http://jigsaw.w3.org/css-validator/)
 Sier om koden din er i henhold til standarden
 Søkeoptimalisering
 Sikrer at alle ser det samme
 Bruk av standard gjør bruk av tilleggsutstyr mulig/enklere
• Validere i henhold til WCAG (http://www.cynthiasays.com/,
http://wave.webaim.org/)
• Manuell testing
• Brukertesting
– Med personar med og uten funksjonsnedsettelser
– Naturlig setting, kvalitativ metode, komfortable omgivelser
12

13. Litt om søkemotoroptimalisering, SEO
Verdens mest aktive nettbrukere er blinde: Søkemotorer
• Overskrifter
• Alt-tekster
• Semantisk oppbygging
• ‘Title tag’
• Godt innhold
http://www.google.com/support/webmasters/bin/answer.py?
hl=no&answer=72746
13

14. Hva har Epinova gjort?
• Nye løsninger
– Workshop, dialog med designer, dialog med kunden, dialog med
utvikler
• Eksisterende løsninger
– Evalurere nettstedet ut fra WCAG 2.0 eller Kvalitet/Difi sine
retningslinjer, evaluere bruken av HTML (validering)
14

15. Testing med toolbar
• http://www.visionaustralia.org.au/ais/toolbar/ (IE)
• http://chrispederick.com/work/webdeveloper (Firefox)
• Firebug http://getfirebug.com/ (Firefox)
15

16. Kontaktinformasjon
amh@epinova.no
www.twitter.com/audmaha
www.epinova.no
16