NTNU - Internett for alle

  • 2,143 views
Uploaded on

Foredrag om tilgjengelighet, ved Are Halland, NetLife Resarch

Foredrag om tilgjengelighet, ved Are Halland, NetLife Resarch

More in: 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
2,143
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
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

Transcript

  • 1. Are Gjertin Urkegjerde Halland Senior informasjonsarkitekt are @ netliferesearch.com Tlf. + 47 908 70 026 Internett for alle
  • 2. NetLife Research – ledende på brukeropplevelse i Norge
    • Spesialisert
    • Uavhengig
    • Faglig tyngde
    • Brukerfokuserte utviklingsløp
      • Strategi, brukere, innhold
      • Konseptuvikling
      • Interaksjonsdesign
      • Informasjonsarkitektur
    • Brukertester og ekspertevalueringer
      • Over 800 brukertester siste 5 år
    • Ekstern kvalitetssikring
    • Kurs, mentoring, rådgivning
    Typiske tenester
  • 3. Kort om meg
    • Senior informasjonsarkitekt i NetLife Research
    • Tidligere fagansvarlig i WM-data/IconMedialab
    • Spesialområder: søk, navigasjon, innhald
    • Lokal ambassadør for UXnet Norge
    • Blogger på brukaropplevingar.com og iallenkelhet.no
    • Hovedfag i medievitenskap fra Universitetet i Oslo
  • 4.  
  • 5.
    • ” Offentlige Internett-sider skal være brukervennlige og oppfylle internasjonale retningslinjer for design og universell utforming. ” K ap 5.2, eNorge 2005
    eNorge 2009: "I 2004 oppfylte 7 prosent av offentlige nettsteder kriteriene for tilgjengelighet ifølge Norge.no ." "I løpet av 2007 skal 80 prosent av offentlige nettsteder oppfylle Norge.no’s kvalitetskriterier for tilgjengelighet".
  • 6. Bruksmåter og behov
    • Blinde: Skjerm-leser som tolker og leser skjermbildet, en leselist som viser punktskrift og/eller syntetisk tale.
    • Svaksynte: Må kunne forstørre skrift og trenger gode kontraster
    • Døve: Trenger teksting eller utskrift av lyd
    • Bevegelseshemmede: Mulighet for å navigere med tastatur eller alternative pekeredskaper
    • Lesevansker: Behov for lettlest tekst og konsistent navigasjon
    Video!
  • 7. Tilgjengelighet – ikke bare for funkjonshemmede
    • EU regner med at minst 15% av befolkningen i alderen 16-67 år opplever å ha en eller annen funksjonsnedsettelse
    • Andelen over 67 år vil øke fra 13% i dag til 23% i 2040
    • Brukere av PDA-er og mobiltelefoner
    • Brukere av gamle eller spesialtilpassede nettlesere
    • Brukere som er slitne
    • Brukere som er uvant med å bruke Internett
    • I tillegg er verdens mest aktive nettbruker er blind...
  • 8. Vanlige problemer
    • Manglende beskrivelser av bilder
    • Ikke-skalerbar tekst
    • Når det som er klikkbart blir for smått
    • Når tastaturet brukes til navigasjon
    • Innstilling av tekststørrelse i Internet Explorer
    • Manglende alternativ til multimedia og spesielle filformater
    • Arbeidsplass med leselist, skanner og høyttalere
    • Vanskelige tekster
  • 9. Manglende beskrivelser av bilder
    • Når ALT-tekst eller ikke beskriver
    Video!
  • 10. Heter ikke denne siden ”Akutt legehjelp”? Hvorfor står det ingenting om legehjelp da?
  • 11. Beskrivende lenkenavn
    • Les mer
    • Les mer
    • Les mer
    • Les mer
    • Les mer
    • Les mer
    • Les mer
  • 12. Lag gode alternative tekster! Jeg har vondt i magen, hvilken lege skal jeg spørre?
  • 13. Ikke-skalerbar tekst
  • 14. Vanskelig språk
    • ALL-undersøkelsen (2003) anslår at 30 prosent av den voksne befolkningen i Norge har en leseferdighet som er utilstrekkelig i forhold til kravene i dagens arbeids- og hverdagsliv
  • 15. Når det som er klikkbart blir for smått
  • 16. Når tastaturet brukes til navigasjon
  • 17. Komplisert oppbygging av sidene
    • www.antonsport.no
    Video!
  • 18.  
  • 19.
    • Kompliserte tabeller til layout gir:
      • Lengre nedlastingstid
      • Vanskeligere å lese med skjermlesere
    • Alternativet: Bruk stilsett (CSS) for plassering og utseende
  • 20.  
  • 21. Manglende alternativ til multimedia og spesielle filformater
  • 22. Standarder og anbefalinger
    • USA: Section 508
    • W3C: Web Accessibility Initiative (WAI)
    • Norge: Flere initiativ og anbefalinger. Ingen lovpålagte retningslinjer, men dette kommer…
  • 23. Hvor tilgjengelige er nettsted i dag (Disability Rights Commission, 2004)
    • 81 % av britiske nettsider oppfyller ikke WAI sine krav på nivå 1 (utvalg på 1000 nettsider)
    • Nettstedseiere: oppmerksomme på tilgjengelighet, men får det ikke helt til
    • Utviklere av nettsted: har ikke nok forståelse for tilgjengelighet
  • 24. Hvorfor skal vi ikke lage nettstedet tilgjengelig?
    • Må bruke kjedelig design…
      • Feil: Bruk stilsett, CSS
    • Det blir komplisert og dyrt å tilrettelegge løsningen
      • Feil: Det koster ikke mye
    • Kan vi ikke heller lage en egen tekstversjon
      • Tja: Hvorfor?
    • Det er jo så få brukere dette gjelder
      • 130 000 er synshemmede i Norge…
    • Alle har nytte av forbedringer av tilgjengeligheten!
  • 25. 20 ting å huske på!
  • 26. 1. Sørg for enhetlig layout på nettstedet
  • 27. 2. Skriv inn alternative tekster for grafiske elementer
    • Dette må det være enkel støtte for i publiseringssystemet
  • 28. 3. Bruk overskrifter for å vise strukturen
  • 29. 4. Lær deg forskjellen mellom avsnitt og linjeskift
    • Avsnitt samler innhold, linjeskift er noe annet
    • Avsnitt begynner med koden ”<p>”og slutter med ”</p>”
    • Linjeskift vises som ”<br>” eller ”<br />”
  • 30. 5. Kjenn dine tagger og bruk dem riktig
  • 31. 6. Datatabeller må gjøres forståelige
    • Gjør tabeller så enkle som mulig, helst ikke mer avansert enn en timeplan
    • Lag heller flere enkle tabeller enn én stor og kompleks tabell
    • Sørg for at rad- og kolonneoverskriftene er markert som tabelloverskrifter
    • Gi tabellen en egen overskrift
    • Lag eventuelt et tekstlig resymé som klargjør de viktigste konklusjonene man kan trekke av tabellen
    • http://www.accessify.com/tools-and-wizards/accessibility-tools/table-builder/
  • 32. 7. Bruk meningsbærende lenketekster
    • Alternativer til Les mer...
      • La nyhetsoverskriften være lenken
      • Endre ”les mer” til ”les mer om konferansen i Wien”
      • Det beste er om lenkene har et meningsbærende ord først. For eksempel: ”Konferansen i Wien”
  • 33. 8. Bruk synlige lenker
    • Særlig gjelder dette dersom de ikke er merket slik lenker vanligvis er det.
    • I de fleste nettlesere er lenker merket med blå, understreket tekst.
  • 34. 9. Unngå lenker som åpner sider i nye vinduer
    • http://www.storebrand.no/
  • 35. 10. Strukturer teksten
    • To versjoner, en kortversjon og en lengre
  • 36. 11. Skriv forståelig
    • Unngå faguttrykk og fremmedord i tekster med alminnelig innhold
    • Husk at ca 40 prosent av den voksne befolkningen har en leseferdighet som ikke er bedre enn nivået på 6.skoletrinn
    • Skriv derfor enkelt med korte, direkte og aktive setninger.
  • 37. 12. Bruk farger med omtanke
    • Unngå å bruke farge som eneste designelement
    • I diagrammer kan du fylle ut søyler med mønstre
    • I tekst kan du føye til nummer eller andre henvisninger for å markere forskjeller
    • Velg farger som har god kontrast
  • 38.  
  • 39. 13. Illustrasjoner og ikoner kan understøtte teksten
    • Ikoner må fremme forståelse
    • Bør alltid ledsages av tekst og ALT-tagger
  • 40. 14. Unngå forkortelser
    • NSB, EU og (kanskje) UD går bra
    • IA, SHDIR, TPH, ROI er lang verre
    • Bruk evt <abbr> og <acronym>
  • 41. 15. Sørg for alternativer til plugins
    • Noter alle plugins som er i bruk, og sørg for alternativer
  • 42. 16. Sørg for å gjøre nedlastbare filer tilgjengelige
  • 43. 17. PDF – ikke tilgjengelig for alle
  • 44. 18. Husk å angi dokumentopplysninger
    • Det viktigste er tittelen på dokumentet
    • Angi språk
      • <html lang=”no” ...>
      • <meta name=”DC.language” scheme=”ISO 639-2/B” content=”no”>
      • www.loc.gov/standards/iso639-2/langcodes.html
  • 45. 19. Lydfiler må ha tekstalternativer http://www.doit.wisc.edu/accessibility/
  • 46. 20. Angi alternativer til video-filer og animasjoner
  • 47. 21. Kontroller resultatet av eget arbeid
    • Disse punktene kan følges opp i sjekklisteform
    • http://www.shdir.no/deltasenteret/publikasjoner/
    • http://www.norge.no/kvalitet/
  • 48. En ”mini-sjekk” av eget nettsted
    • Kan man justere skriftstørrelsen?
    • Bruker dere alternative tekster for bilder?
    • Er kontrasten god nok?
    • Bruker dere ”Les mer” lenker?
    • Følger dere WAI-standarden?
    • Bruker dere PDF-dokumenter?
    • Har dere tenkt på hvem dere stenger ute?
    • Nå flere brukere og få et bedre nettsted!
  • 49. Mer informasjon:
    • WAT: Web Accessibility Toolbar (Internet Explorer)
    • Denne kan lastes ned fra http:// www.nils.org.au / ais /web/ resources / toolbar /
    • Evalueringsversjon av Jaws - skjermleser
    • http:// www.freedomscientific.com / fs_downloads / jaws.asp
    • W3C sine krav WCAG 1.0
    • http://www.w3.org/TR/WCAG10/
    • Veiledere fra Sosial og helsedirektoratet
    • http:// www.shdir.no/deltasenteret/publikasjoner/
    • EU initiativ
    • http://www.wabcluster.org/
  • 50. Spørsmål? Kommentarer?
    • E-post: [email_address]
    • Mobil: 908 70 026
    • Blogg: www.iallenkelhet.no / www.brukaropplevingar.com
  • 51. www.webdagene.no