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

Innledning til universell utforming på web

on

  • 1,784 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,784
Views on SlideShare
1,784
Embed Views
0

Actions

Likes
2
Downloads
8
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