frukostseminarium - webb für alle - 140313
DESCRIPTION
TRANSCRIPT
2023-04-08
Webb für alleFrukostseminarium 14 mars 2013
2023-04-082023-04-08
3
• Vad är tillgänglighet och varför är det viktigt?
• Strategi för en hållbar webb
• Att jobba med innehåll och praktiska exempel
Vad ska vi prata om idag?
4
• Vad är tillgänglighet och varför är det viktigt?
• Strategi för en hållbar webb
• Att jobba med innehåll och praktiska exempel
Vad ska vi prata om idag?
5
AvailabilityAccessibility och
• användbarhet för personer som faller utanför normen, på grund av funktionsnedsättning
• ej valbart
• användbarhet för personer som faller utanför normen, på grund av teknik
• ”valbart”
Vad är tillgänglighet och varför är det viktigt?
6
Användbarhet
Tillgänglighet
Vad är tillgänglighet och varför är det viktigt?
“Accessibility is a subset of a more general pursuit: usability”- Shawn Lawton Henry, WAI
7
16-19%
» Andel av Sveriges befolkning med någon typ av funktionsnedsättning
Källa: Statistiska centralbyrån, Jordbruksverket
Vad är tillgänglighet och varför är det viktigt?
8Källor: Statistiska centralbyrån, Centrum för
lättlläst
?
25%
15%
Vad är tillgänglighet och varför är det viktigt?
9
Vad är tillgänglighet och varför är det viktigt?Konsekvenser
10
Källa: dn.seBild: feber.se
Vad är tillgänglighet och varför är det viktigt?Konsekvenser
11
• Skärmläsare
• Tangentbordsnavigering
• Alternativa färgscheman
+ många andra
Vad är tillgänglighet och varför är det viktigt?Hjälpmedel
12
Film av YahooAccessibility
Vad är tillgänglighet och varför är det viktigt?Exempel på skärmläsare
13
Vad är tillgänglighet och varför är det viktigt?Hjälpmedel - tangentbordsnavigering
14
Vad är tillgänglighet och varför är det viktigt?Hjälpmedel– Alternativa färgscheman
15
• Skärmläsare
• Tangentbordsnavigering
• Alternativa färgscheman
+ många andra
Följ standarderHTML, CSS, WCAG m.fl.
Vad är tillgänglighet och varför är det viktigt?Hjälpmedel – följa standarder
16
• Vad är tillgänglighet och varför är det viktigt?
• Strategi för en hållbar webb
• Att jobba med innehåll och praktiska exempel
Vad ska vi prata om idag?
17
Strategi för en hållbar webb
• Tillgänglighet från början till slut• Strategi för tillgänglighet under utveckling … • … och under förvaltning.
Räcker det?
18
tillgänglighet
responsiv design
innehåll
Strategi för en hållbar webb
19
Strategi för en hållbar webbAppar och mobilsajter
20
Strategi för en hållbar webbResponsiv design
21
Strategi för en hållbar webbResponsiv design
22
Filosofi: webb für alle
Strategi för en hållbar webb
23
• Vad är tillgänglighet och varför är det viktigt?
• Strategi för en hållbar webb
• Att jobba med innehåll och praktiska exempel
Vad ska vi prata om idag?
24
Bild: http://www.xkcd.com
Att jobba med innehåll och praktiska exempel
Att sålla bland innehållet
25
»Börja med det viktigaste»Använd en tydlig struktur»Undvik svåra begrepp»Skriv till en målgrupp
Hur skriver jag tillgängliga texter?Att jobba med innehåll och praktiska exempel
26
Hur skriver jag tillgängliga texter?Att jobba med innehåll och praktiska exempel
27Källa: Webaim
Att jobba med innehåll och praktiska exempel
28
Att jobba med innehåll och praktiska exempel
Texter och responsiv design
29
Att jobba med innehåll och praktiska exempel
Texter och responsiv design
30
• Alternativt: ”IT-konsulter poserar för foto”• Alternativt: ””
Att jobba med innehåll och praktiska exempelBilder
31
Att jobba med innehåll och praktiska exempel
Undertexter
32Källa: medocular
Att jobba med innehåll och praktiska exempel
33
Att jobba med innehåll och praktiska exempel
34
»Tillgänglighet är ett angreppsätt, inte en aktivitet
»Mobilparadigm, innehållsstrategi och tillgänglighet går ihop
»Redaktören är en nyckelperson
SammanfattningsvisWebb für alle
35
metamatrix.seSveavägen 31, 111 34 Stockholm | c/o Malmö Arena, Norra Vallgatan 20, 211 25 MALMÖ
Växel: 08-50 65 33 00
36
DINA BESÖKARE FINNS I FICKAN
»Livet efter Facebook – del 4Framöver på Metamatrix
Välkomna den25 april 2013
kl 12.10 – 13.00
37
Bildkällor• Man med portfölj http://pixabay.com/en/icon-blue-people-man-silhouette-33032/
(Public domain)• Världskarta http://commons.wikimedia.org/wiki/File:World_Map_Blank.svg (Public
domain)• Alfapetbrickor http://www.flickr.com/photos/tjt195/4394706964/ (Creative
Commons 2.0 Generic)• Äldre par http://pixabay.com/en/old-sign-symbol-people-person-24343/ (Public
domain)• Tunnelbane-T:
https://commons.wikimedia.org/wiki/File:Stockholm_metro_symbol.svg (Public domain)
• Tangentbord. http://pixabay.com/sv/tangentbord-bokst%C3%A4ver-datorn-65042/ (Public domain)
• Wywallet/Röda korset http://feber.se/mobil/art/266061/wywallet_snker_rda_korset/ (Använd med tillstånd)
• Sjömagasinet. Skärmdump från http://www.sjomagasinet.se/ • Harvard. Skrämdump från http://www.harvard.edu/ • Innehåll på universitetswebbar http://xkcd.com/773/ (Använd med tillåtelse)• Läsa på tunnelbanan: http://www.flickr.com/photos/49093093@N02/4638656232/ (Creative
Commons Attribution 2.0 Generic)• Transkribering
http://commons.wikimedia.org/wiki/File:Transcription_using_cylinder_phonograph.png (Public Domain)
• iPad i solsken http://www.flickr.com/photos/sanfranannie/5416471211/ (Creative commons 2.0 Generic)