View
74
Download
3
Category
Preview:
Citation preview
UNIVERSELT FOR ALLE!
VEGARD HAUGSTVEDT
HVORDAN HELE TEAMET KAN HA ET FORHOLD TIL UNIVERSELL UTVIKLING
02.05.2023@IT_VEGARD / 2
1. juli 2014
02.05.2023@IT_VEGARD
Alle skal med!
/ 3
02.05.2023@IT_VEGARD
Hvilke brukere trenger universell utforming?
/ 4
02.05.2023@IT_VEGARD
Når vi bruker telefonen i sterkt dagslys…
/ 5
02.05.2023@IT_VEGARD
… knekker armen…
/ 6
02.05.2023@IT_VEGARD
… eller blir gammel…
/ 7
02.05.2023@IT_VEGARD
… TRENGER DU OG JEGUNIVERSELL UTFORMING!
/ 8
02.05.2023@IT_VEGARD
Verktøykasse for designere
• Alltid valider designet ditt
• Adobe Photoshop: Color Universal Design (CUD)
• Sjekk uu.difi.no
• «Mobil først» – flott for universell utforming også!
/ 9
02.05.2023@IT_VEGARD
Personas
• Navn: Ola Normann• Alder: 24• Bosted: Oslo
/ 10
02.05.2023@IT_VEGARD
Personas
• Navn: Ola Normann• Alder: 24• Bosted: Oslo
• Interesser:– Slalom– Svømming
Beskrivelse:«Ola er ute i naturen så ofte han kan. På grunn av en aktiv livsstil har han ofte en brukket arm, fot eller finger.»
/ 11
02.05.2023@IT_VEGARD
Verktøykasse for utviklere
Kunnskap
• Bruk HTML5
• Gjør deg kjent med WAI-ARIA
Metodikk
• Valider koden med verktøy i nettleseren
• Dropp mus når du tester siden
/ 12
02.05.2023@IT_VEGARD
Verktøykasse for testere
• Bruk automatiserte verktøy i nettleseren
• Test nettsiden uten mus
• Bare glem å teste med skjermleser!
/ 13
02.05.2023@IT_VEGARD
Firefox - Fangs
/ 14
02.05.2023@IT_VEGARD
Firefox - AInspector
/ 15
02.05.2023@IT_VEGARD
Chrome - Accessibility Developer Tools
/ 16
02.05.2023@IT_VEGARD
Chrome and IE – WAVE
/ 17
02.05.2023@IT_VEGARD
Internet Explorer – Web Accessibility Toolbar
• Bra for struktur
• Gjør det lett å finne ressurser, tips og verktøy
/ 18
02.05.2023@IT_VEGARD
Blindeforbundet
/ 19
https://www.blindeforbundet.no/teknologi-for-alle
02.05.2023@IT_VEGARD
SPØRSMÅL?TWEET MEG PÅ @IT_VEGARD
ELLER
SNAKK MED MEG I PAUSEN
/ 20
Recommended