Your SlideShare is downloading. ×
Nettstedet ditt er snart ulovlig - Tilgjengelighet
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Nettstedet ditt er snart ulovlig - Tilgjengelighet

1,615
views

Published on

Aud Marie Hauge fra Epinova om tilgjengelighet og den nye loven på frokostseminaret til Netlife Research

Aud Marie Hauge fra Epinova om tilgjengelighet og den nye loven på frokostseminaret til Netlife Research

Published in: Design

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,615
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
0
Likes
4
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
  • Ei løysing som fungerer for alle. Internett er slikt eit unikt medium der dette er mogeleg.
  • Ønskjer minst mogelegpersonleg assistanse. Men på eit eller anna tidspunkt må ein lage tilpassaløysingar til spesielle områderMen det er ingen mål å lage ei løysing som fungerer for eit fåtall, eller ei løysing som ikkje fungerer for nokon. Motstandarane av uu trur at detteMe har snakka mykje om tekniske muligheiter, men ønskjer at nettet skal bli betre for alle og ikkjeberre for ei gruppe. Barcelona hadde den første tilgjengelege gata. Dei fjerna bilar, og fekkplutseleg masse plass. Her ville alle bu fordi alle kom til på ein enkel måte. Dette blei den dyraste gata i byen. Men det er viktig å finne ein konsensus som fungerer for alle. Til dømes lyskryss: det kan verairriterande om ein bur i nærleiken, spesielt på natta. Då kom dei fram til at ein skulle ha ein fjernkontroll som ein delte ut til blinde og andre som kunne trenge det som aktiverte lyskryssa. Dette blir også brukt på metro og bussar for å aktivere høgtalere
  • Dersom ein har desse i mente når einlagar nettsider så forstår einkorleisein skal lage nettsider som er universelt utforma. Har eit skjema, fyller ut mange felter, klikker send, kjem til ei side som seier at du ikkje har fylt ut alle felt rett, kjem tilbake til forrige side og då er alle felta borte og må starte på nytt. For ein person med funksjonsnedsetting tek dette kanskje 10 gonger så mykje tid å fylle inn på nytt, som det gjer for ein person utan funksjonsnedsettelse.
  • - Veldig vanleg på nettsider, dette er ein utfordring for alle, ikkjeberre blinde, svaksynte etc
  • Då hjelp det ikkje endre på noko, men må sjå på heilheita
  • Finne alternative løysingar til dei klassiske løysingane som fungerer betre for alle
  • Nåregsnakkar om kven som treng universelt utforma nettsider, rynker mange på nasen. Alle veit jo kven som treng det. Men like ofte siteg i kundemøter med personar som seier, me har ingen blinde brukere, me har ingen som ikkje forstår kva me driv med…Nedsatt funksjonsevne:Motoriske utfordringer, personer med nedsatt hørsel, kognitive utfordringer, synshemmingHovudregelen er at personar med nedsatte funksjonsevner brukar mykje lenger tid enn ein person utan nedsatte funksjonsevner
  • Når det gjelder reell fargeblindhet, som egentlig betyr at man er fargesvak, er det en klar overvekt av menn. Faktisk er så mange som mellom 5 og 8 % av alle menn såkalt fargeblinde. I motsetning til når det gjelder kvinner hvor tallet ligger på ca 0,3 %. De aller fleste har problemer med å skille mellom rødt og grønt, noen få har problemer med gult og blått, mens de færreste er fullstendig fargeblinde
  • Den største utfordringen har ein blantpersonar med kognitive utfordringer. ”Dysleksi er et av den vestlige verdens mest vanlige handikap. I Norge kan man regne med at flere hundre tusen mennesker i større eller mindre grad er rammet. Alvorlige dyslektiske forstyrrelser forekommer hos 5-10% av befolkningen. Det betyr at det er dyslektiske elever i nesten alle skoleklasser.” (
  • Norge: Diskriminerings- og tilgjengelighetsloven (01.01.09)Lov om offentlige anskaffelser (01.01.07)Universell utforming og tilgjengelighet skal tas med i planlegging av alle offentlige anskaffelserEUUSA: Section 508Tilgjengelige nettsider er ofteLettere å lasteBedre optimalisert mot søkemotorerMer strukturerte og dermed lettere å vedlikeholdeMer lettlestOmdømmestyrkende
  • Er ikkjekomen på offentleghøyringendå, derfor blir det tidlegast 1.juni 2012
  • WCAG 2.04 hovedprinsippGjenkjenbart - 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ørog AAA - kan)
  • Transcript

    • 1. Nettstedet ditt er snart ulovlig- hvilke krav stilles?
      Aud Marie Hauge, ekspert i brukskvalitet og universell utforming i Epinova
      1
    • 2. Epinova
      Etablert Mai 2007
      100 % eid av ansatte
      26 ansatte
      Eksperter på fagfeltet CMS, EPiServer og Universell Utforming
      Lang erfaring på utvikling av løsninger, teknologi og muligheter
      Engasjert i å hente ut potensiale på nett.
      Teknisk implementering av EPiServer CMS
      2
    • 3. 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”
      3
    • 4. Tilgjengelighetspyramiden
      4
    • 5. De 7 prinsipp for universell utforming
      The Center for Universal Design ved North Carolina State University
      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
      5
    • 6. Er dette universelt utforma?
      6
    • 7. 7
    • 8. Alternative løysingar
      8
    • 9. Tilgjengelighet
      Fysisk tilgjengelighet
      Bygg
      Transport
      Digital tilgjengelighet
      Nettsider
      Automater
      9
    • 10. Hvem trenger tilgjengelige nettsider?
      ALLE, men spesielt
      • Eldre
      • 11. Personer med nedsatte funksjonsevner
      • 12. Fremmedspråklige
      • 13. Brukere av PDA, mobiltelefoner, eldre nettlesere, små skjermer
      • 14. Brukere med datamaskin uten høyttaler m.m
      10
    • 15. Personer med nedsatt syn
      Fakta, fra Blindeforbundet sine nettsider:
      • 130 000 nordmenn har så svekket syn at de regnes som synshemmede
      • 16. 70 prosent av alle over 70 år får grå stær (tåkesyn)
      • 17. Vel 37 millioner av jordas befolkning er blinde og 124 millioner er svaksynte
      • 18. Fargeblinde; mellom 5% og 8% av alle menn er fargeblind
      11
    • 19. Fargeblind?
      12
    • 20. Personer med nedsatt syn på nett
      Skjermleser
      Leselist
      Skjermforstørrer
      13
    • 21. Personer kognitive utfordringer
      • Kognitive utfordringer kan være problem med
      • 22. Lesing
      • 23. Problemløsning
      • 24. Konsentrasjon
      • 25. Matematikk
      • 26. Type kognitiv utfordring kan være
      • 27. Dysleksi: http://www.dysleksiforbundet.no/
      14
    • 28. En dag er det deg
      15
    • 29. Hvorfor tilgjengelige nettsider?
      Juridisk
      Økonomisk
      Etisk
      16
    • 30. Diskriminerings og tilgjengelighetsloven
      Sikre alle like muligheter og rettigheter til samfunnsdeltakelse
      hindre diskriminering på grunn av nedsatt funksjonsevne
      bidra til nedbygging av samfunnsskapte funksjonshemmede barrierer og hindre at nye skapes
      17
    • 31. DTL - virkeområde
      Offentlige virksomheter
      Jobbe for å fremme universell utforming i virksomheten
      Private virksomheter
      Gjelder tilsvarende rettet mot allmennheten
      18
    • 32. DTL - unntak
      Uforholdsmessig byrde
      så langt det ikke medfører en uforholdsmessig byrde for virksomheten
      19
    • 33. DTL - aktivitetsplikt
      «Arbeidsgivere i privat sektor som jevnlig sysselsetter mer enn 50 ansatte, og arbeidsgivere i offentlig sektor skal arbeide aktivt, målrettet og planmessig for å fremme lovens formål innenfor sin virksomhet». (http://www.handboka.no/Sak/Lover/Diskrim/disk01.htm)
      20
    • 34. DTL - § 11
      Plikt til universell utforming av IKT
      Nye IKT-løsninger som underbygger virksomhetens alminnelige funksjoner, og som er hovedløsninger rettet mot eller stillet til rådighet for allmennheten, skal være universelt utformet fra og med 1. juli 2011, men likevel tidligst tolv måneder etter at det foreligger standarder eller retningslinjer for innholdet i plikten.
      For eksisterende IKT-løsninger gjelder plikten fra 1. januar 2021.
      (http://universellutforming.difi.no/Komit%C3%A9innstilling)
      21
    • 35. DTL - § 11
      22
    • 36. DTL - § 11 – håndheving
      Difi har tilsynet
      Kan kreve tilgang til løsninger (innloggede tenester)
      Kan vedtak tvangsmulkt for å sikre gjennomføring av pålegg
      23
    • 37. 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
      24
    • 38. Hvordan oppfylle loven?
      WCAG 2.0 AA
      25
    • 39. WAI og Difi/Norge.no
      • WAI
      • 40. http://www.w3.org/WAI/intro/wcag#is (WAI)
      WCAG 2.0 på norsk
      • www.difi.no
      • 41. http://kvalitet.difi.no/
      26
    • 42. WCAG 2.0
      • WAI
      • 43. http://www.w3.org/WAI/intro/wcag#is (WAI)
      WCAG 2.0 på norsk
      • www.difi.no
      • 44. http://kvalitet.difi.no/
      27
    • 45. Innhold er viktig!
      Skriv for brukeren
      Alternativ text på bilder
      Overskrifter (med semantisk oppbygging)
      Beskrivende tekst på linker (unngå ”Les mer, klikk her, mer”)
      Beskrivende tekst på overskrifter
      Korrekt merking av tabellfelter
      Korrekt merking av skjemafelter
      28
    • 46. Navigasjon og design
      Gode fargekonstraster
      Skalering av tekst
      Tydelig lenkestil
      Intuitiv tabulator-rekkefølge
      Gjenkjennbart – f.eks global meny
      29
    • 47. Funksjonalitet
      Transkripsjoner av lyd- og videoinnhold
      Teksting av video
      Mulighet for lettlest versjon
      Kortversjoner på andre språk
      30
    • 48. WCAG 2.0
      Noen retningslinjer
      31
    • 49. Linker
      Linker må skille seg fra løpende tekst
      Gode linknavn som gir mening tatt ut av kontekst
      WCAG 2.0, retningslinje 2.4.4 (A) og 2.4.9 (AAA)
      http://www.w3.org/TR/WCAG20/#navigation-mechanisms-refs
      http://www.w3.org/TR/WCAG20/#navigation-mechanisms-link
    • 50. Alternativ tekst på bileter
      33
      WCAG 2.0, Retningslinje 1.1.1, Level A
      http://www.w3.org/TR/2008/REC-WCAG20-20081211/#text-equiv-all
    • 51. Overskrifter
      Semantikk!
      Forklarande og meningsfull tekst
      WCAG 2.0, retningslinje 2.4.6, Level AA
      http://www.w3.org/TR/WCAG20/#navigation-mechanisms-descriptive
    • 52. God tilgjengelighet
    • 53. Dårleg tilgjengelighet
    • 54. Tabulatorrekkefølge
      WCAG 2.0, retningslinje 2.1.1, Level A:
      http://www.w3.org/TR/WCAG20/#keyboard-operation
      Viktig for personer som ikke har mulighet til å bruke mus
      Test ved å bruke tabulator når man går gjennom løysinga
    • 55. Zoom
      WCAG 2.0, retningslinje 1.4.4, Level AA:
      http://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale
      Bruk relative størrelser (em, %)
    • 56. Kontrast
      WCAG 2.0, retningslinje 1.4.3 (AA) og 1.4.6 (AAA)
      http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
      http://www.w3.org/TR/WCAG20/#visual-audio-contrast7
    • 57. 40
    • 58. Konklusjon
      Universell utforming er enkelt 
      Lovlige nettsider: WCAG 2.0 AA
    • 59. Kontaktinfo
      Aud Marie
      amh@epinova.no
      http://twitter.com/audmaha
      www.epinova.no
    • 60. Testing med toolbar
      http://www.visionaustralia.org.au/ais/toolbar/ (IE)
      http://chrispederick.com/work/webdeveloper (Firefox)
      Firebug(Firefox)
      http://browsershots.org (Nettlesertesting)
      http://accessibility.egovmon.no/en/pagecheck/ (Teste tilgjengelighet)
    • 61. Deltasenteret sine veiledere
      http://www.bufetat.no/bufdir/deltasenteret/publikasjoner/