Praktiske eksempler for å bedre tilgjengeligheten til nettsider.

Slides:



Advertisements
Liknende presentasjoner
Senterpartiet Vi tar hele Norge i bruk.
Advertisements

Internett for nybegynnere
HVORDAN LAGE GODE WORD-DOKUMENTER
GoOnline publisering Hvordan komme i gang med GoOnline. Denne presentasjonen tar deg steg for steg gjennom oppsett av nettsted med bruk av GoOnline Proffesional.
Tilgjengelige nettsteder 23. August 2007 Kirsten Ribu.
Salg og markedsføring på internett – muligheter for Vekstbedriftene 22. okt 2009, Nina Furu.
Universell utforming og Tilgjengelighet på nett Haakon Aspelund Deltasenteret.
En repitativ aften Torsdag Oppgave 1 • Hent filen standardbrev.docx fra cappa.hagali.com/utdanningshuset/repitisjon • Flytt avsnitt 3 ned ett.
Opprette Gmail-konto Lærer/ledsager 3i Opprette Gmail-konto
8 Skumlesing.
WAI-ARIA Accessible Rich Internet Applications. 4 hovedområder • Sidenavigering (landemerker) • Tastatur • Live-oppdateringer • Widgets.
- du trenger ingen annen!
Tabeller En rask gjennomgang. Meny valg sett inn • Velg tabell.
UU av powerpoint, pdf og nettsider
Duo- en liten innføring
WCAG 2.0. WCAG historikk West County Assembly of God, 1969 Web Content Accessibility Guidelines (WCAG 1.0), 1999 Web Content Accessibility Guidelines.
Gjenfinningssystemer og verktøy II
Java Server Faces (JSF) en introduksjon Frode Eika Sandnes.
Databasehåndtering med MySQL
Member Access Ny prosedyre for registrering og innlogging på RI’s medlemsdatabase Member Access. Denne prosedyren gjelder ALLE rotarianere.
1 Presentasjonsverktøy In Forelesning
1 ILLUSTRASJONSBRUK  Figurene kan skaleres opp og ned i størrelse.  Sett sammen egne kombinasjoner av illustrasjoner. Læringsprosess: Visuell presentasjon:
Tilgjengelige nettsteder
Retningslinjer. WCAG 1.0 Mange nyttige tips 3 nivåer: skal, bør, kan Kan det lages retningslinjer for tilgjengelighet? Ja: selvsagt Nei: selvsagt ikke.
Elektroniske filformater til brukerne. Bruksområder Info-hefter Skjemaer Tabeller …
Word Repetisjon Mandag Første søndag i advent rett rundt hjørnet.
Forelesing Tabeller Hvordan opprette Tekst til tabell Justere Sortere dessverre ikke Overskrift Tabellverktøy.
OSLO OG OMEGN BILBRANSJEFORENING Side 1 BILFORLAGET AS Best på Bil!
INF 295 Algoritmer og datastrukturer Forelesning 10 Invarianter og Hashing Hans Fr. Nordhaug (Ola Bø)
En enkel introduksjon Geir H. Hansen & Martin Setek SUAF-SO USIT jQuery.
Publisering på verdensveven Kursdag 2 VÅFF, våren 2002.
DATABASE: Oppgave 2 et medlemsregister for en idrettsklubb med flere idrettsgrener (fotball, håndball, osv). klubben ønsker å lagre informasjon om medlemmenes.
Innledning om HTML IT20 oktober Bakgrunn Konseptet WWW ble født i 1983 i CERN, Geneve Opphavsmann: Tim Berners-Lee, MIT Spre informasjon uavhengig.
HTML – 2. økt HiO IT20 Torsdag Plan Repetisjon/spørsmål fra Grafikk – farger – bildekart Tabeller Rammer Oppgaver.
XSLT The Candy Community. Fiktivt community Godteri-relatert og sukkersøt musikk. To typer metadata: Candy factor Sugar level.
Kort om XML Språket om språket. XML: Eksempel Hans Tømmerholt.
Kommentarer og stil ”Dette suger!” ”Ne-hei!” ”Jo- hoo”, osv.
Evaluering ”Studentene har talt, men hva har de sagt?”
Kort om HTML ML meg her og ML meg der..
Oblig 2: The Candy-community. Om XML, XSLT, Sablotron og HTML.
1 Hvordan lage websider Med Interkodex AS. 2 Innledende Å lage profesjonelle webløsninger kan gjøres veldig enkelt og rimelig. Du trenger ikke kunne webdesign.
Retningslinjer for spesifikasjoner til oppdrag
Grunnleggende tekstbehandling
Hvordan finne de ”riktige” brukertesterne? Om erfaringer med brukernettverk.
RSS og Alerts JDD 21. mai Ting jeg skal si litt om RSS Alerts (TOC) Hvordan fungerer disse funksjonene? Hva kan de brukes til?
Om Internett, World Wide Web, egen hjemmeside Ole Christian Rynning
Litt om bildebehandling for kurs på nettet − Servicesenteret Anne Edholm, 20. juni 2013.
I denne oppgaven skal du definere de ulike begrepene du har lært om i kapittelet, for eksempel kultur (mat, klær, tekster, musikk osv), likeverd, integrering,
© Den norske jordmorforening Tollbugata Oslo Tlf: Fax: E-post: Tittel på presentasjonen OBS: før.
7. Typography, Readability & Legibility Lesbarhet.
Tekstbehandleren som planleggingsverktøy Basert på opplegg av VB For A /06.
En heuristisk evaluering avRelaxation Gjort av: ● Espen Solberg ● Geir Normann ● Leif Morten Kofoed ● Tommy Jansson.
Oppgave 4 – Heuristisk evaluering av Applecations Christian, Lavdim, Finn Christian & Vegard.
Foreldremøte 2. klasse Velkommen.
Høgskolen i Oslo Bli kjent med de grunnleggende funksjonene i regnearkprogrammet Excel IT-seksjonen ved Avdeling for lærerutdanning 2006/2007 Praktisk.
Universell utforming Rikke Julie Foss-Pedersen. 3 Universell utforming Tilgjengelighet for alle – mest mulig for flest mulig –Alle personer skal kunne.
JavaFX i kodeklubben Apps i Java. Programmering og programmeringsspråk Alle programmeringsspråk er egentlig like... men alt som følger med språket (verktøy,
Tabeller HTML II IT og læring IT20 4. november 2004.
Se side 8-9. Kapittel 1: HTML5 og CSS Hyper Text Markup Language 1990-årene: Tim Berners-Lee ville strukturere tekster og lage klikkbare henvisninger på.
Universelt utformede PDF’er Andreas Cederbom & Joakim Lundberg.
Å skrive sin mening Fempunktsmetoden.
Sammensatte tekster. Hva er en sammensatt tekst?  Når flere utrykk opptrer sammen kaller vi det en sammensatt tekst.  Eksempler på slike uttrykk er:
Tilbakemeldinger fra deltakere på
Romsviks DIPS-tips - og andre elektroniske snarveier
Svaksynt student i en digital hverdag
Tittel på presentasjon som går over to linjer
Brukstips! Tekstfeltene i denne filen er tabeller. Du kan endre skrifttype og størrelse etter ønske. Jeg syns det er greit å lagre filen med et annet navn.
Dybdelæring – regneark B – Samarbeid
Dybdelæring – regneark B – Samarbeid
Utskrift av presentasjonen:

Praktiske eksempler for å bedre tilgjengeligheten til nettsider

Vi skal se på: •Elementrekkefølge •Bruk av overskrifter •Skjult informasjon •Tabeller •Skjemaer

Elementrekkefølge •Skjermlesere omformaterer sidene –1 spalte –Legger til ekstra info –Bruker tilgjengelighets-attributter og tag’er •DOM •Koderekkefølge er viktig •Stilark brukes for visuell presentasjon

Overskrifter •En ekstremt effektiv navigeringsmekanisme når overskrifter er brukt riktig •Generelt brukes overskrifter ustrukturert og tilfeldig • skal høre til osv. •Bruk gjerne skjulte overskrifter som hjelp for blinde.

Skjult informasjon •Mange teknikker •Den som muligens fungerer best er å dytte innholdet ut av skjermbildet

Tabeller •Hver celle vises på en egen linje •Skjermlesere har funksjoner for ”noe mer” effektiv lesing •Bruk skikkelige rad/kolonne-overskrifter ( ) •I mer komplekse tabeller kreves det både skikkelig tag’ing og tenking for å oppnå god tilgjengelighet

Skjemaer •TAB-rekkefølge • for å merke felt •Flash/Flex

Alternativ tekstversjon? •Som regel en dårlig ide! •

Noen lenker • • •