• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Innledning til universell utforming på web
 

Innledning til universell utforming på web

on

  • 1,661 views

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.

Statistics

Views

Total Views
1,661
Views on SlideShare
1,661
Embed Views
0

Actions

Likes
2
Downloads
7
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Innledning til universell utforming på web Innledning til universell utforming på web Presentation Transcript

    • 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)
      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
    • 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
      • Internasjonalorganisasjonsomutviklerstandarder for internett
      • Arbeider også med å gjørenettettilgjengelig for personer med nedsattefunksjonsevner
      • Starteti 1999 the Web Accessibility Initiative (WAI)
      • WAI
      • Initiativsomutviklerinternasjonaleretningslinjer for personer med funksjonshemninger (WCAG = Web Content Accssibility Guidelines)
      • Sistelanserte 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
      Semantiskoppbygging
      ‘Title tag’
      Godtinnhold
      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.no
      www.twitter.com/audmaha
      www.epinova.no
      16