Innledning til universell utforming på web
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Innledning til universell utforming på web

  • 1,996 views
Uploaded on

Halden av Aud Marie Hauge, Epinova på frokostseminar hjå Epinova 8. oktober 2009.

Halden av Aud Marie Hauge, Epinova på frokostseminar hjå Epinova 8. oktober 2009.

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,996
On Slideshare
1,996
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
8
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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)
    Like muligheter for bruk
    Fleksibel i bruk
    Enkel og intuitiv i bruk
    Forståelig informasjon
    Toleranse for feil
    Lav fysisk anstrengelse
    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-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
  • 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
    • 9. 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
    • 10. http://kvalitet.difi.no/
    8
  • 11. W3C, WAI og WCAG
    • W3C
    • 12. Internasjonalorganisasjonsomutviklerstandarder for internett
    • 13. Arbeider også med å gjørenettettilgjengelig for personer med nedsattefunksjonsevner
    • 14. Starteti 1999 the Web Accessibility Initiative (WAI)
    • 15. WAI
    • 16. Initiativsomutviklerinternasjonaleretningslinjer for personer med funksjonshemninger (WCAG = Web Content Accssibility Guidelines)
    • 17. Sistelanserte standard er WCAG 2.0 (desember 2008)
    9
  • 18. 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
  • 19. DIFI: Kriterier for kvalitet offentlige nettsteder
    Delt inn i tre deler:
    Tilgjengelighet
    Brukertilpassing
    Nyttig innhold
    Før:norge.no
    11
  • 20. 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
    • 21. Søkeoptimalisering
    • 22. Sikrer at alle ser det samme
    • 23. 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
  • 24. Litt om søkemotoroptimalisering, SEO
    Verdens mest aktive nettbrukere er blinde: Søkemotorer
    Overskrifter
    Alt-tekster
    Semantiskoppbygging
    ‘Title tag’
    Godtinnhold
    http://www.google.com/support/webmasters/bin/answer.py?hl=no&answer=72746
    13
  • 25. 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
  • 26. Testing med toolbar
    http://www.visionaustralia.org.au/ais/toolbar/ (IE)
    http://chrispederick.com/work/webdeveloper (Firefox)
    Firebug http://getfirebug.com/ (Firefox)
    15
  • 27. Kontaktinformasjon
    amh@epinova.no
    www.twitter.com/audmaha
    www.epinova.no
    16