Introduksjon til universell utformning. Andreas Cederbom

Transkript

1 Introduksjon til universell utformning Andreas Cederbom

2 Bakgrunn

3 Universell utformning på nettet Universell utforming / Tilgjengelighet Internasjonal standard Teknikk & menneskelig faktor Kvalitet

4 Tilgjengelighet eller Universell Utformning

5 Hvem?

6 Hvem berøres? Tilfeldige problemer Arbeidsskader/slitasjeskader Norsk som andre språk Teknikkuvante Eldre Personer med funksjonsnedsetting

7 IT har skapt økte muligheter Kompenserer for manglende evner Hjelper personer med funksjonsnedsetting til å: Rasjonalisere hverdagen Arbeide & studere Være mer delaktige

8 Hva kan man ha problemer med? Lese forstå Se Skrive Høre Snakke Styre datamaskinen Elektromagnetiske felter Huske Funksjonsnedsetting, arbeidsskade, eldre, uvante, Norsk som andre språk, stressede, trøtte

9 Hvor mange? Synshemmede: ca Fargeblinde: ca 5% av befolkningen Hørselshemmede: ca Muskel- og skjelettsykdom: ca 24% Dyslektikere: ca Ca 30 prosent har lese- og/eller skrivevansker Disse tallene innkluderer ikke alle: personer med lærevansker personer med påførte hjerneskader neuropsykiatriske / neuropsykologiske problemer Kilde: IKT for alle hvordan er situasjonen i dag? Norsk Regnesentral

10 Hva?

11 Tre tilgjengelighetsområder Språk Teknikk Padagogikk

12 Hva er teknisk tilgjengelighet? Følg tekniske standarder Bygg layout uten tabeller Benytt riktig kode for overskrifter Gjør det mulig å navigere uavhengig av om du benytter mus eller tastatur Bruk nok kontraster Eksempler: Eksempler: dårlig grunnkonstruksjon Eksempler: Går ikke an å navigere med tastatur Eksempler: Flash Alt-texter

13 Hva er pedagogisk tilgjengelighet? Menykonsept Logiske løsninger Konsekvens i gjennomføringen Tydlighet Mulig å få overblikk Igjenkjenning Eksempler: Eksempler: Lenker Eksempler: Inkonsekvent navigering Eksempler: Ajax, søkehjelp Eksempler: Navigasjon

14 Hva er språklig tilgjengelighet? Skriv så enkelt som mulig Forklar vanskelige ord Bruk bilder, filmer, eksempler Strukturere teksten Bruk ingresser Unngå forkortninger Bruk du-tiltale

15 Hvorfor?

16 Internasjonalt FN: Konvensjonen om rettigheter for mennesker med funksjonsnedsetting Artikkel 9: tilgjengelighet Artikkel 21: Tilgang til informasjon

17 Hva sier loven i Norge Offentlig og privat sektor System for allmennheten og interne system Nye systemer etter 1. juli 2011 (2013) Eksisterende systemer 1. januar 2021 Den Norske loven

18 Kostnad for å formidle informasjon kr 1 kr 50 kr 250 kr 350 kr

19 Hvordan?

20 De internasjonale retningslinjene WCAG Html Xml Css ATAG W3C (World Wide Web Consortium) WAI (Web Accessibility Initiative) WCAG (Web Content Accessibility Guidelines)

21 Eksempler, teknikkuavhengig Tekstalternativ Ha alternativer i form av tekst til all ikke-tekstbasert informasjon slik at det kan konverteres til de formatene som brukeren trenger, eksempelvis stor stil, punktskrift, tale, symboler eller enklere språk. Lenke til How to meet

22 I html <img src= logo.jpg alt= Google />

23 I PDF

24 I Flash

25 Tilgjengelighet krever et større grep Kommer inn på mange ulike nivåer i organisasjonen Viktig med samordning Viktig med tydlige interne retningslinjer

26 Tilgjengelig innehold - slik gjør du

27 Menyer Menyens bredde og dybde Ikke åpne dokumenter, andre nettsteder eller nye vinduer fra menyen Følg de eksisterende retningslinjene: Hva skal menyen inneholde? Hvor skal det være i menyen? Hvordan skal menyen sorteres? Eksempler: Lenk bare til egne sider i menyen Meny?

28 Tekst Overskrift, nivå 1 Tekst som utgjør ingress Vanlig brødtekst Overskrift, nivå 2 Mer brødtekst Overskrift, nivå 3 Mer brødtekst Eksempler: Feillagde overskrifter Eksempler

29 Lenker Formuler lenkene tydelig Utfyllende lenkebeskrivelser (tittel) Lenker som leder til alternative formater E-postlenker Lenker som åpner interne sider i nytt vindu Lenker som åpner eksterne nettsteder i nytt vindu Eksempler: Lenketekster

30 Bilder og grafiske elementer Bruk bilder Legg til Alt- tekster hvor bilder gir mening Alt-tekstens innehold Innholdsrike bilder Lenkede bilder Ikoner Tekstbilder Eksempler: Bilde av tekst

31 Tabeller Bruk ikke layout tabeller Tydelige tabeller Tekniske retningslinjer Merk kolonne og rad overskrifter Kopl datacellene til overskriftene Bruk ferdige designer

32 Farger Farger kan forsterke budskapet Farger kan forvirre Bruk ikke kun farger Kontraster er viktig

33 Andre formater (PDF, flash ) Bruk for å øke brukernytten Beskriv lenken som leder til andre formater Teknikkene skal brukes på tilgjengelig måte

34 Tilgjengelighet i PDF-filer, hva kreves? Tekst skal være tekst Overskrifter skal være riktig merket Bilder skal beskrives Lenker skal fungere Eksempler: Eksempel PDF-fil

35 Film og lyd Alle kan ikke se, alle kan ikke høre Komplettere det visuelle og lyden Komplettering: Tekst transkripsjon Caption / undertekst Lyd beskrivelse Eksempler: Eksempel: Lyd og tekst Eksempel: Video med lyd beskrivelser Eksempel: Teksting og oversetting

36 Skriv enkelt Skriv det viktigste først Skriv for en tenkt mottaker Skriv kort og enkelt Egne regler for organisasjonen

37 Skriv tydelig Skriv inn ordforklaringer i teksten Ikke bruk forkortelser Intern sjargong Faguttrykk

38 Samarbeide Organisasjonens ansikt utad Konsekvenser Besøkernes tillit Tydelige avsendere Varemerke Kvalitet

39 Tilgjengelighetsfunksjoner Opplesning Tegnspråk Lättläst (lettlest) Tilpasse-funksjon Eksempler: Alternative formater Tilpasse Tilpasse 2

40 3 avsluttende spørsmål 1. Eksiterer det et behov for å publisere denne informasjonen? 2. Hvem har nytte av teksten din? 3. Hvordan informerer vi best?

41 Det finnes ingen gjennomsnittsbrukere

42 Her slutter presentasjonen. Påfølgende bilder nås via lenker fra tidligere bilder.

43 Eksempel på tekst

44 Eksempel på lenker

47 Eksempel på lenker som åpner nytt nettsted uten forvarsel

48 Eksempel på bilder Grafiske elementer uten mening og uten alt-tekst

49 Eksempel på bilder

50 Eksempel på bilder

51 Eksempel på ikoner

52 Eksempel på tekstbilder

53 Eksempel på tabeller Layouttabeller

54 Eksempel på tabeller Oppmerking av tabell

55 Eksempel på tabeller Oppmerking av tabell

56 Eksempel på menyer

59 Eksempel på farger Rød farge indikerer at noe gikk galt.

60 Eksempel på farger

63 Eksempel på alt-texter

65 Tegnoversettelse Därför ska du engagera dig. Unga har stort förtroende för politiker. Men intresset för politik och viljan att engagera sig politiskt har minskat. Det visar attitydoch värderingsstudien De kallar oss unga som statliga Ungdomsstyrelsen gjort. Dessutom tyckte en majoritet av de unga att varken de själva eller andra har chans att göra sig hörda i samhället. Undersökningen bekräftade också tidigare forskning, som visar att de politiska partierna i Sverige har svårt att rekrytera nya medlemmar. Och då framför allt ungdomar. De traditionella partiernas medlemmar blir alltså både äldre och färre.

66 Tegnoversettelse Därför du ska engagera (aktiv). Unga grupp stort förtroende grupp politiker, Men den statlig dess Ungdomsstyrelsen grupp happ aktiv undersöka samband attityd- py värdering, broschyr heta De kallar oss unga, den visa intresset vill aktiv samband politik happ minskat, py flesta unga tyckte i samhället de själva eller andra harinte chans talaom vad tycker. Py happ förut forska visasig, här sverige dede politiska partierna svårt rekrytera nya medlemmar är först grupp ungdomar.de vanlig partier dess medlemmar nu både äldre py antal mindre. Tillbaka

67 Problemer med å lese Heller pc enn papir Tekster må kompletteres Hjelpemidler: Endre i operativsystemet Program som formaterer Program som leser opp Lyd Eksempler: Bilder i stedet for tekst Eksempler: ulike informasjonskanaler Eksempler: Bilder av tekst og alternativ Diagram Tekst Bilder Film

68 Leseevne Sverige, leseevne: Høy/svært høy leseevne: 35% Middels evne: 40% Svært lav/lav leseevne: 25% Kilde: OECD Tillbake

69 Problemer med å forstå Ofte også lesevansker Komuniserer med bilder Enkle og rene grensesnitt Hjelpemidler forenklede styresystemer Opplesing Kommuniserer med symboler Eksempler Bilder Tekst Film Lettlest Tillbake Eksempler: Sende e-post med symboler Eksempler: Enkel navigering med tastaturet

70 Problemer med å skrive Stavehjelp i funksjoner Eksempler: Skrivehjelp Skjemaer med bra innmatingskontroll Hjelpemidler Stavehjelp Eksempler Synonymer Bilder Tekst Film Ordlister Tillbake

71 Problemer med å se Tydelig visuell utforming Beskrivelse av grafiske objekter Konsekvente grensesnitt Hjelpemidler Tillbake forstørrelse i operativsystemet forstørrelsesprogram Skjermlesere Eksempler: Ungweb Eksempler: Dårlig teknikk Eksempler: Lenker som er vanskelig å se Eksempler: Video med audio description

72 Problemer med å styre PC Heller pc enn papir Store klikkeflater Tydelig tastaturnavigasjon Hjelpemidler Mus (Stabilisering, øye/hode) Tastatur (Programmerbart, OnScreen, stemmestyring) Eksempler: Liten klikkeflate Eksempler: Tydlig tabulatorfokus Eksempler: Går ikke med tastatur

73 Problemer med å styre PC Tillbaka

74 Problemer med å høre Hjelpemidler Film og lyd kompletterende materiale Eksempler: Teksting av film Eksempler: Tegnspråksfilm

75 Tegn oversettelse Därför ska du engagera dig. Unga har stort förtroende för politiker. Men intresset för politik och viljan att engagera sig politiskt har minskat. Det visar attitydoch värderingsstudien De kallar oss unga som statliga Ungdomsstyrelsen gjort. Dessutom tyckte en majoritet av de unga att varken de själva eller andra har chans att göra sig hörda i samhället. Undersökningen bekräftade också tidigare forskning, som visar att de politiska partierna i Sverige har svårt att rekrytera nya medlemmar. Och då framför allt ungdomar. De traditionella partiernas medlemmar blir alltså både äldre och färre.

76 Tegn oversettelse Därför du ska engagera (aktiv). Unga grupp stort förtroende grupp politiker, Men den statlig dess Ungdomsstyrelsen grupp happ aktiv undersöka samband attityd- py värdering, broschyr heta De kallar oss unga, den visa intresset vill aktiv samband politik happ minskat, py flesta unga tyckte i samhället de själva eller andra har inte chans tala om vad tycker. Py happ förut forska visa sig, här sverige dede politiska partierna svårt rekrytera nya medlemmar är först grupp ungdomar. De vanlig partier dess medlemmar nu både äldre py antal mindre. Tillbaka

77 Tale problemer Ofte multifunksjonshinder Vanskelig med alternativer Vanskelig med talesvar Elektronisk kommunikasjon en revolusjon Jag forstår ikke Hva du sier, ring igjen når du blir edru! Tillbake

78 Hva er pedagogisk tilgjengelighet? Tillbake