Universell utforming (universal design)

Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova

1

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

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

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

Hvorfor tilgjengelige nettsider?

• Juridisk– Norge:

• Diskriminerings- og tilgjengelighetsloven (01.01.09)– http://doksenter.custompublish.com/diskriminerings-og-tilgjengelighetsloven-fortsatt-ukjent-for-mange-.4528572-46077.html

– 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

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

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

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

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

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

DIFI: Kriterier for kvalitet offentlige nettsteder

Delt inn i tre deler: • Tilgjengelighet• Brukertilpassing• Nyttig innhold

• Før:norge.no

11

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

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

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

Testing med toolbar

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

15

Kontaktinformasjon

amh@epinova.nowww.twitter.com/audmaha www.epinova.no

16