• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
NTNU - Internett for alle
 

NTNU - Internett for alle

on

  • 3,752 views

Foredrag om tilgjengelighet, ved Are Halland, NetLife Resarch

Foredrag om tilgjengelighet, ved Are Halland, NetLife Resarch

Statistics

Views

Total Views
3,752
Views on SlideShare
3,708
Embed Views
44

Actions

Likes
4
Downloads
0
Comments
0

1 Embed 44

http://www.iallenkelhet.no 44

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

    NTNU - Internett for alle NTNU - Internett for alle Presentation Transcript

    • Are Gjertin Urkegjerde Halland Senior informasjonsarkitekt are @ netliferesearch.com Tlf. + 47 908 70 026 Internett for alle
    • 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
    • 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
    •  
      • ” 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".
    • 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!
    • 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...
    • 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
    • Manglende beskrivelser av bilder
      • Når ALT-tekst eller ikke beskriver
      Video!
    • Heter ikke denne siden ”Akutt legehjelp”? Hvorfor står det ingenting om legehjelp da?
    • Beskrivende lenkenavn
      • Les mer
      • Les mer
      • Les mer
      • Les mer
      • Les mer
      • Les mer
      • Les mer
    • Lag gode alternative tekster! Jeg har vondt i magen, hvilken lege skal jeg spørre?
    • Ikke-skalerbar tekst
    • 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
    • Når det som er klikkbart blir for smått
    • Når tastaturet brukes til navigasjon
    • Komplisert oppbygging av sidene
      • www.antonsport.no
      Video!
    •  
      • Kompliserte tabeller til layout gir:
        • Lengre nedlastingstid
        • Vanskeligere å lese med skjermlesere
      • Alternativet: Bruk stilsett (CSS) for plassering og utseende
    •  
    • Manglende alternativ til multimedia og spesielle filformater
    • Standarder og anbefalinger
      • USA: Section 508
      • W3C: Web Accessibility Initiative (WAI)
      • Norge: Flere initiativ og anbefalinger. Ingen lovpålagte retningslinjer, men dette kommer…
    • 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
    • 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!
    • 20 ting å huske på!
    • 1. Sørg for enhetlig layout på nettstedet
    • 2. Skriv inn alternative tekster for grafiske elementer
      • Dette må det være enkel støtte for i publiseringssystemet
    • 3. Bruk overskrifter for å vise strukturen
    • 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 />”
    • 5. Kjenn dine tagger og bruk dem riktig
    • 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/
    • 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”
    • 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.
    • 9. Unngå lenker som åpner sider i nye vinduer
      • http://www.storebrand.no/
    • 10. Strukturer teksten
      • To versjoner, en kortversjon og en lengre
    • 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.
    • 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
    •  
    • 13. Illustrasjoner og ikoner kan understøtte teksten
      • Ikoner må fremme forståelse
      • Bør alltid ledsages av tekst og ALT-tagger
    • 14. Unngå forkortelser
      • NSB, EU og (kanskje) UD går bra
      • IA, SHDIR, TPH, ROI er lang verre
      • Bruk evt <abbr> og <acronym>
    • 15. Sørg for alternativer til plugins
      • Noter alle plugins som er i bruk, og sørg for alternativer
    • 16. Sørg for å gjøre nedlastbare filer tilgjengelige
    • 17. PDF – ikke tilgjengelig for alle
    • 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
    • 19. Lydfiler må ha tekstalternativer http://www.doit.wisc.edu/accessibility/
    • 20. Angi alternativer til video-filer og animasjoner
    • 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/
    • 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!
    • 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/
    • Spørsmål? Kommentarer?
      • E-post: [email_address]
      • Mobil: 908 70 026
      • Blogg: www.iallenkelhet.no / www.brukaropplevingar.com
    • www.webdagene.no