SlideShare a Scribd company logo
Webb für alle
Frukostseminarium 14 mars 2013




                                 2013-03-18
2013-03-18
Vad ska vi prata om idag?
• 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




                                                     3
Vad ska vi prata om idag?
• 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




                                                     4
Vad är tillgänglighet och varför är det viktigt?




           Accessibility                       och     Availability
     • användbarhet för personer                     • användbarhet för personer
     som faller utanför normen, på                   som faller utanför normen, på
     grund av funktionsnedsättning                   grund av teknik

     • ej valbart                                    • ”valbart”




                                                                                     5
Vad är tillgänglighet och varför är det viktigt?




                                                                    “Accessibility is a
                                                                    subset of a more
                                                                    general pursuit:
                                                                    usability”
                                     Användbarhet                   - Shawn Lawton Henry, WAI




                                                   Tillgänglighet




                                                                                            6
Vad är tillgänglighet och varför är det viktigt?




                                                                  16-19%

      » Andel av Sveriges
        befolkning med någon typ
        av funktionsnedsättning




                                                   Källa: Statistiska centralbyrån, Jordbruksverket
                                                                                                      7
Vad är tillgänglighet och varför är det viktigt?



                                       15%                                           25%




                                                                   ?




                                                   Källor: Statistiska centralbyrån, Centrum för lättlläst
                                                                                                             8
Vad är tillgänglighet och varför är det viktigt?
Konsekvenser




                                                   9
Vad är tillgänglighet och varför är det viktigt?
Konsekvenser




                                                     Källa: dn.se
                                                   Bild: feber.se
                                                               10
Vad är tillgänglighet och varför är det viktigt?
Hjälpmedel




    • Skärmläsare
    • Tangentbordsnavigering
    • Alternativa färgscheman
    + många andra




                                                   11
2013-03-18
Vad är tillgänglighet och varför är det viktigt?
Hjälpmedel - tangentbordsnavigering




                                                   13
Vad är tillgänglighet och varför är det viktigt?
Hjälpmedel– Alternativa färgscheman




                                                   14
Vad är tillgänglighet och varför är det viktigt?
Hjälpmedel – följa standarder




    • Skärmläsare
    • Tangentbordsnavigering
                                                   Följ standarder
    • Alternativa färgscheman                      HTML, CSS, WCAG m.fl.



    + många andra




                                                                           15
Vad ska vi prata om idag?
• 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




                                                     16
Strategi för en hållbar webb


Räcker det?
• Tillgänglighet från början till slut
• Strategi för tillgänglighet under utveckling …
• … och under förvaltning.




                                                   17
Strategi för en hållbar webb




  tillgänglighet               responsiv design   innehåll




                                                             18
Strategi för en hållbar webb
Appar och mobilsajter




                               19
Strategi för en hållbar webb
Responsiv design




                               20
Strategi för en hållbar webb
Responsiv design




                               21
Strategi för en hållbar webb




Filosofi: webb für alle




                               22
Vad ska vi prata om idag?
• 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




                                                     23
Att jobba med innehåll och praktiska exempel
Att sålla bland innehållet




                                               Bild: http://www.xkcd.com
                                                                      24
Att jobba med innehåll och praktiska exempel
Hur skriver jag tillgängliga texter?


» Börja med det viktigaste
» Använd en tydlig struktur
» Undvik svåra begrepp
» Skriv till en målgrupp




                                               25
Att jobba med innehåll och praktiska exempel
Hur skriver jag tillgängliga texter?




                                               26
Att jobba med innehåll och praktiska exempel




                                               Källa: Webaim
                                                          27
Att jobba med innehåll och praktiska exempel
Texter och responsiv design




                                               28
Att jobba med innehåll och praktiska exempel
Texter och responsiv design




                                               29
Att jobba med innehåll och praktiska exempel
Bilder




              • Alternativt: ”IT-konsulter poserar för foto”
              • Alternativt: ””
                                                               30
Att jobba med innehåll och praktiska exempel
Undertexter




                                               31
Att jobba med innehåll och praktiska exempel




                                               Källa: medocular
                                                             32
Att jobba med innehåll och praktiska exempel




                                               33
Webb für alle
Sammanfattningsvis


» Tillgänglighet är ett angreppsätt, inte
  en aktivitet
» Mobilparadigm, innehållsstrategi och
  tillgänglighet går ihop
» Redaktören är en nyckelperson



                                            34
metamatrix.se
Sveavägen 31, 111 34 Stockholm | c/o Malmö Arena, Norra Vallgatan 20, 211 25 MALMÖ
                              Växel: 08-50 65 33 00                                  35
DINA BESÖKARE FINNS I FICKAN
Framöver på Metamatrix



» Livet efter Facebook – del 4

                                  Välkomna den
                                   25 april 2013
                                 kl 12.10 – 13.00




                                                    36
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)




                                                                                                      37

More Related Content

Viewers also liked

Dags att bygga responsivt!
Dags att bygga responsivt!Dags att bygga responsivt!
Dags att bygga responsivt!Metamatrix
 
Frukostseminarium jan Besökarna i fickan
Frukostseminarium jan Besökarna i fickanFrukostseminarium jan Besökarna i fickan
Frukostseminarium jan Besökarna i fickanMetamatrix
 
Frukostseminarium content is fortfarande king
Frukostseminarium content is fortfarande kingFrukostseminarium content is fortfarande king
Frukostseminarium content is fortfarande kingMetamatrix
 
Metamatrix tillgänglig webb
Metamatrix tillgänglig webbMetamatrix tillgänglig webb
Metamatrix tillgänglig webb
Metamatrix
 
Besökarna finns i fickan
Besökarna finns i fickanBesökarna finns i fickan
Besökarna finns i fickan
Metamatrix
 
7 kriterier - frukostseminarium 27 februari
7 kriterier - frukostseminarium 27 februari7 kriterier - frukostseminarium 27 februari
7 kriterier - frukostseminarium 27 februariMetamatrix
 
Design för alla
Design för allaDesign för alla
Design för alla
Metamatrix
 
Webb für alle
Webb für alleWebb für alle
Webb für alle
Metamatrix
 
Kakor, Cookies och lagen
Kakor, Cookies och lagenKakor, Cookies och lagen
Kakor, Cookies och lagenMetamatrix
 
Frukostmseminarium - Content is fortfarande king - 140213
Frukostmseminarium - Content is fortfarande king - 140213Frukostmseminarium - Content is fortfarande king - 140213
Frukostmseminarium - Content is fortfarande king - 140213Metamatrix
 
Bang for the buck - utnyttja kraften i ditt CMS.
Bang for the buck - utnyttja kraften i ditt CMS.Bang for the buck - utnyttja kraften i ditt CMS.
Bang for the buck - utnyttja kraften i ditt CMS.
Metamatrix
 
Användarcentrarat med små resurser
Användarcentrarat med små resurserAnvändarcentrarat med små resurser
Användarcentrarat med små resurserMetamatrix
 
Appar och mobil webb
Appar och mobil webbAppar och mobil webb
Appar och mobil webbMetamatrix
 
Att utveckla användarcentrerade intranät
Att utveckla användarcentrerade intranätAtt utveckla användarcentrerade intranät
Att utveckla användarcentrerade intranät
Metamatrix
 

Viewers also liked (15)

Dags att bygga responsivt!
Dags att bygga responsivt!Dags att bygga responsivt!
Dags att bygga responsivt!
 
Frukostseminarium jan Besökarna i fickan
Frukostseminarium jan Besökarna i fickanFrukostseminarium jan Besökarna i fickan
Frukostseminarium jan Besökarna i fickan
 
7 kriterier
7 kriterier7 kriterier
7 kriterier
 
Frukostseminarium content is fortfarande king
Frukostseminarium content is fortfarande kingFrukostseminarium content is fortfarande king
Frukostseminarium content is fortfarande king
 
Metamatrix tillgänglig webb
Metamatrix tillgänglig webbMetamatrix tillgänglig webb
Metamatrix tillgänglig webb
 
Besökarna finns i fickan
Besökarna finns i fickanBesökarna finns i fickan
Besökarna finns i fickan
 
7 kriterier - frukostseminarium 27 februari
7 kriterier - frukostseminarium 27 februari7 kriterier - frukostseminarium 27 februari
7 kriterier - frukostseminarium 27 februari
 
Design för alla
Design för allaDesign för alla
Design för alla
 
Webb für alle
Webb für alleWebb für alle
Webb für alle
 
Kakor, Cookies och lagen
Kakor, Cookies och lagenKakor, Cookies och lagen
Kakor, Cookies och lagen
 
Frukostmseminarium - Content is fortfarande king - 140213
Frukostmseminarium - Content is fortfarande king - 140213Frukostmseminarium - Content is fortfarande king - 140213
Frukostmseminarium - Content is fortfarande king - 140213
 
Bang for the buck - utnyttja kraften i ditt CMS.
Bang for the buck - utnyttja kraften i ditt CMS.Bang for the buck - utnyttja kraften i ditt CMS.
Bang for the buck - utnyttja kraften i ditt CMS.
 
Användarcentrarat med små resurser
Användarcentrarat med små resurserAnvändarcentrarat med små resurser
Användarcentrarat med små resurser
 
Appar och mobil webb
Appar och mobil webbAppar och mobil webb
Appar och mobil webb
 
Att utveckla användarcentrerade intranät
Att utveckla användarcentrerade intranätAtt utveckla användarcentrerade intranät
Att utveckla användarcentrerade intranät
 

Similar to Frukostseminarium - Webb für alle - 140313

Brukarinvolvering 8 nov
Brukarinvolvering 8 novBrukarinvolvering 8 nov
Brukarinvolvering 8 nov
Anna Åkerberg
 
Tillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenTillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktiken
Metamatrix
 
Tillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenTillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktiken
Metamatrix
 
@Lära
@Lära@Lära
@Lära
malinfrykman
 
BESÖK: Basutbildning i tillgänglighet 6 sep 2012
BESÖK: Basutbildning i tillgänglighet 6 sep 2012BESÖK: Basutbildning i tillgänglighet 6 sep 2012
BESÖK: Basutbildning i tillgänglighet 6 sep 2012
Niclas Siljedahl
 
Universal Design, tema på Forskarutbildning Mars 2010
Universal Design, tema på Forskarutbildning Mars 2010Universal Design, tema på Forskarutbildning Mars 2010
Universal Design, tema på Forskarutbildning Mars 2010
evastina
 
Inspirationsdag Botkyrka, 21 november 2011
Inspirationsdag Botkyrka, 21 november 2011Inspirationsdag Botkyrka, 21 november 2011
Inspirationsdag Botkyrka, 21 november 2011hyperfinder
 
Dags att bygga responsivt
Dags att bygga responsivtDags att bygga responsivt
Dags att bygga responsivt
Metamatrix
 
Att bygga en inkluderande webb 150609
Att bygga en inkluderande webb 150609 Att bygga en inkluderande webb 150609
Att bygga en inkluderande webb 150609
JohannaBlomgren
 
Värmland24maj201anette2
Värmland24maj201anette2Värmland24maj201anette2
Värmland24maj201anette2camillakallgren
 
Fler vägar till våra anvandare - Uppsala universitetsbibliotek
Fler vägar till våra anvandare - Uppsala universitetsbibliotekFler vägar till våra anvandare - Uppsala universitetsbibliotek
Fler vägar till våra anvandare - Uppsala universitetsbibliotek
svala
 
Session 53 Hanna Wennberg
Session 53 Hanna WennbergSession 53 Hanna Wennberg
Session 53 Hanna Wennberg
HannaWennberg
 
Intranät - utbildning & inspiration : nuläge, trender, exempel, socialt, affä...
Intranät - utbildning & inspiration : nuläge, trender, exempel, socialt, affä...Intranät - utbildning & inspiration : nuläge, trender, exempel, socialt, affä...
Intranät - utbildning & inspiration : nuläge, trender, exempel, socialt, affä...
Hans Leijström
 
Kvalitetsbygget från teori till verklighet manus
Kvalitetsbygget från teori till verklighet manusKvalitetsbygget från teori till verklighet manus
Kvalitetsbygget från teori till verklighet manus
Elisabet Ahlqvist
 
Användarcentrerad systemutveckling
Användarcentrerad systemutvecklingAnvändarcentrerad systemutveckling
Användarcentrerad systemutveckling
Johan Lundin
 
Tillgänglighet – mindre krångel, mer kvalitet funka nu
Tillgänglighet – mindre krångel, mer kvalitet   funka nuTillgänglighet – mindre krångel, mer kvalitet   funka nu
Tillgänglighet – mindre krångel, mer kvalitet funka nu
Chalmers Library
 
Digisam och forskningsbiblioteken
Digisam och forskningsbibliotekenDigisam och forskningsbiblioteken
Digisam och forskningsbiblioteken
Rolf Källman
 
Webbstrategi från teori till mätbar effekt – 7 konkreta tips!
Webbstrategi från teori till mätbar effekt –  7 konkreta tips!Webbstrategi från teori till mätbar effekt –  7 konkreta tips!
Webbstrategi från teori till mätbar effekt – 7 konkreta tips!
Johan Stenborg
 
Digital design för lärande 2016 05 (dididi seminarium)
Digital design för lärande 2016 05 (dididi seminarium)Digital design för lärande 2016 05 (dididi seminarium)
Digital design för lärande 2016 05 (dididi seminarium)
Umeå University, Applied Educational Science
 

Similar to Frukostseminarium - Webb für alle - 140313 (20)

Brukarinvolvering 8 nov
Brukarinvolvering 8 novBrukarinvolvering 8 nov
Brukarinvolvering 8 nov
 
Tillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenTillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktiken
 
Tillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenTillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktiken
 
@Lära
@Lära@Lära
@Lära
 
BESÖK: Basutbildning i tillgänglighet 6 sep 2012
BESÖK: Basutbildning i tillgänglighet 6 sep 2012BESÖK: Basutbildning i tillgänglighet 6 sep 2012
BESÖK: Basutbildning i tillgänglighet 6 sep 2012
 
Universal Design, tema på Forskarutbildning Mars 2010
Universal Design, tema på Forskarutbildning Mars 2010Universal Design, tema på Forskarutbildning Mars 2010
Universal Design, tema på Forskarutbildning Mars 2010
 
Projektpresentation av KIWI, 21-22 oktober
Projektpresentation av KIWI, 21-22 oktoberProjektpresentation av KIWI, 21-22 oktober
Projektpresentation av KIWI, 21-22 oktober
 
Inspirationsdag Botkyrka, 21 november 2011
Inspirationsdag Botkyrka, 21 november 2011Inspirationsdag Botkyrka, 21 november 2011
Inspirationsdag Botkyrka, 21 november 2011
 
Dags att bygga responsivt
Dags att bygga responsivtDags att bygga responsivt
Dags att bygga responsivt
 
Att bygga en inkluderande webb 150609
Att bygga en inkluderande webb 150609 Att bygga en inkluderande webb 150609
Att bygga en inkluderande webb 150609
 
Värmland24maj201anette2
Värmland24maj201anette2Värmland24maj201anette2
Värmland24maj201anette2
 
Fler vägar till våra anvandare - Uppsala universitetsbibliotek
Fler vägar till våra anvandare - Uppsala universitetsbibliotekFler vägar till våra anvandare - Uppsala universitetsbibliotek
Fler vägar till våra anvandare - Uppsala universitetsbibliotek
 
Session 53 Hanna Wennberg
Session 53 Hanna WennbergSession 53 Hanna Wennberg
Session 53 Hanna Wennberg
 
Intranät - utbildning & inspiration : nuläge, trender, exempel, socialt, affä...
Intranät - utbildning & inspiration : nuläge, trender, exempel, socialt, affä...Intranät - utbildning & inspiration : nuläge, trender, exempel, socialt, affä...
Intranät - utbildning & inspiration : nuläge, trender, exempel, socialt, affä...
 
Kvalitetsbygget från teori till verklighet manus
Kvalitetsbygget från teori till verklighet manusKvalitetsbygget från teori till verklighet manus
Kvalitetsbygget från teori till verklighet manus
 
Användarcentrerad systemutveckling
Användarcentrerad systemutvecklingAnvändarcentrerad systemutveckling
Användarcentrerad systemutveckling
 
Tillgänglighet – mindre krångel, mer kvalitet funka nu
Tillgänglighet – mindre krångel, mer kvalitet   funka nuTillgänglighet – mindre krångel, mer kvalitet   funka nu
Tillgänglighet – mindre krångel, mer kvalitet funka nu
 
Digisam och forskningsbiblioteken
Digisam och forskningsbibliotekenDigisam och forskningsbiblioteken
Digisam och forskningsbiblioteken
 
Webbstrategi från teori till mätbar effekt – 7 konkreta tips!
Webbstrategi från teori till mätbar effekt –  7 konkreta tips!Webbstrategi från teori till mätbar effekt –  7 konkreta tips!
Webbstrategi från teori till mätbar effekt – 7 konkreta tips!
 
Digital design för lärande 2016 05 (dididi seminarium)
Digital design för lärande 2016 05 (dididi seminarium)Digital design för lärande 2016 05 (dididi seminarium)
Digital design för lärande 2016 05 (dididi seminarium)
 

More from Metamatrix

Ljuger Google Analytics - 26 mars 2020
Ljuger Google Analytics - 26 mars 2020Ljuger Google Analytics - 26 mars 2020
Ljuger Google Analytics - 26 mars 2020
Metamatrix
 
Effektiv förvaltning av webbplatsen
Effektiv förvaltning av webbplatsenEffektiv förvaltning av webbplatsen
Effektiv förvaltning av webbplatsen
Metamatrix
 
Frukostseminarium seo teknik och innehåll 160915
Frukostseminarium seo   teknik och innehåll 160915Frukostseminarium seo   teknik och innehåll 160915
Frukostseminarium seo teknik och innehåll 160915
Metamatrix
 
Seminarium: innehållsstrategi
Seminarium: innehållsstrategi Seminarium: innehållsstrategi
Seminarium: innehållsstrategi
Metamatrix
 
Effektiv webbförvaltning
Effektiv webbförvaltningEffektiv webbförvaltning
Effektiv webbförvaltning
Metamatrix
 
Seminarium innehållsstrategi-160310
Seminarium innehållsstrategi-160310Seminarium innehållsstrategi-160310
Seminarium innehållsstrategi-160310
Metamatrix
 
7 kriterier för en bra webbplats
7 kriterier för en bra webbplats7 kriterier för en bra webbplats
7 kriterier för en bra webbplats
Metamatrix
 
Förvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalernaFörvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalerna
Metamatrix
 
Förvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalernaFörvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalerna
Metamatrix
 
Dags att bygga responsivt
Dags att bygga responsivtDags att bygga responsivt
Dags att bygga responsivt
Metamatrix
 
Nå unga effektivt
Nå unga effektivtNå unga effektivt
Nå unga effektivt
Metamatrix
 
Förvaltningsorganisation b
Förvaltningsorganisation bFörvaltningsorganisation b
Förvaltningsorganisation b
Metamatrix
 
Seminarium innehållsstrategi
Seminarium innehållsstrategiSeminarium innehållsstrategi
Seminarium innehållsstrategi
Metamatrix
 
Koppla ihop webbanalys och uppföljning med din strategi
Koppla ihop webbanalys och uppföljning med din strategiKoppla ihop webbanalys och uppföljning med din strategi
Koppla ihop webbanalys och uppföljning med din strategi
Metamatrix
 
Dags att bygga responsivt!
Dags att bygga responsivt!Dags att bygga responsivt!
Dags att bygga responsivt!
Metamatrix
 
Koppla ihop-webbanalys-och-uppföljning-med-din-strategi
Koppla ihop-webbanalys-och-uppföljning-med-din-strategiKoppla ihop-webbanalys-och-uppföljning-med-din-strategi
Koppla ihop-webbanalys-och-uppföljning-med-din-strategi
Metamatrix
 

More from Metamatrix (16)

Ljuger Google Analytics - 26 mars 2020
Ljuger Google Analytics - 26 mars 2020Ljuger Google Analytics - 26 mars 2020
Ljuger Google Analytics - 26 mars 2020
 
Effektiv förvaltning av webbplatsen
Effektiv förvaltning av webbplatsenEffektiv förvaltning av webbplatsen
Effektiv förvaltning av webbplatsen
 
Frukostseminarium seo teknik och innehåll 160915
Frukostseminarium seo   teknik och innehåll 160915Frukostseminarium seo   teknik och innehåll 160915
Frukostseminarium seo teknik och innehåll 160915
 
Seminarium: innehållsstrategi
Seminarium: innehållsstrategi Seminarium: innehållsstrategi
Seminarium: innehållsstrategi
 
Effektiv webbförvaltning
Effektiv webbförvaltningEffektiv webbförvaltning
Effektiv webbförvaltning
 
Seminarium innehållsstrategi-160310
Seminarium innehållsstrategi-160310Seminarium innehållsstrategi-160310
Seminarium innehållsstrategi-160310
 
7 kriterier för en bra webbplats
7 kriterier för en bra webbplats7 kriterier för en bra webbplats
7 kriterier för en bra webbplats
 
Förvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalernaFörvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalerna
 
Förvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalernaFörvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalerna
 
Dags att bygga responsivt
Dags att bygga responsivtDags att bygga responsivt
Dags att bygga responsivt
 
Nå unga effektivt
Nå unga effektivtNå unga effektivt
Nå unga effektivt
 
Förvaltningsorganisation b
Förvaltningsorganisation bFörvaltningsorganisation b
Förvaltningsorganisation b
 
Seminarium innehållsstrategi
Seminarium innehållsstrategiSeminarium innehållsstrategi
Seminarium innehållsstrategi
 
Koppla ihop webbanalys och uppföljning med din strategi
Koppla ihop webbanalys och uppföljning med din strategiKoppla ihop webbanalys och uppföljning med din strategi
Koppla ihop webbanalys och uppföljning med din strategi
 
Dags att bygga responsivt!
Dags att bygga responsivt!Dags att bygga responsivt!
Dags att bygga responsivt!
 
Koppla ihop-webbanalys-och-uppföljning-med-din-strategi
Koppla ihop-webbanalys-och-uppföljning-med-din-strategiKoppla ihop-webbanalys-och-uppföljning-med-din-strategi
Koppla ihop-webbanalys-och-uppföljning-med-din-strategi
 

Frukostseminarium - Webb für alle - 140313

  • 1. Webb für alle Frukostseminarium 14 mars 2013 2013-03-18
  • 3. Vad ska vi prata om idag? • 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 3
  • 4. Vad ska vi prata om idag? • 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 4
  • 5. Vad är tillgänglighet och varför är det viktigt? Accessibility och Availability • användbarhet för personer • användbarhet för personer som faller utanför normen, på som faller utanför normen, på grund av funktionsnedsättning grund av teknik • ej valbart • ”valbart” 5
  • 6. Vad är tillgänglighet och varför är det viktigt? “Accessibility is a subset of a more general pursuit: usability” Användbarhet - Shawn Lawton Henry, WAI Tillgänglighet 6
  • 7. Vad är tillgänglighet och varför är det viktigt? 16-19% » Andel av Sveriges befolkning med någon typ av funktionsnedsättning Källa: Statistiska centralbyrån, Jordbruksverket 7
  • 8. Vad är tillgänglighet och varför är det viktigt? 15% 25% ? Källor: Statistiska centralbyrån, Centrum för lättlläst 8
  • 9. Vad är tillgänglighet och varför är det viktigt? Konsekvenser 9
  • 10. Vad är tillgänglighet och varför är det viktigt? Konsekvenser Källa: dn.se Bild: feber.se 10
  • 11. Vad är tillgänglighet och varför är det viktigt? Hjälpmedel • Skärmläsare • Tangentbordsnavigering • Alternativa färgscheman + många andra 11
  • 13. Vad är tillgänglighet och varför är det viktigt? Hjälpmedel - tangentbordsnavigering 13
  • 14. Vad är tillgänglighet och varför är det viktigt? Hjälpmedel– Alternativa färgscheman 14
  • 15. Vad är tillgänglighet och varför är det viktigt? Hjälpmedel – följa standarder • Skärmläsare • Tangentbordsnavigering Följ standarder • Alternativa färgscheman HTML, CSS, WCAG m.fl. + många andra 15
  • 16. Vad ska vi prata om idag? • 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 16
  • 17. Strategi för en hållbar webb Räcker det? • Tillgänglighet från början till slut • Strategi för tillgänglighet under utveckling … • … och under förvaltning. 17
  • 18. Strategi för en hållbar webb tillgänglighet responsiv design innehåll 18
  • 19. Strategi för en hållbar webb Appar och mobilsajter 19
  • 20. Strategi för en hållbar webb Responsiv design 20
  • 21. Strategi för en hållbar webb Responsiv design 21
  • 22. Strategi för en hållbar webb Filosofi: webb für alle 22
  • 23. Vad ska vi prata om idag? • 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 23
  • 24. Att jobba med innehåll och praktiska exempel Att sålla bland innehållet Bild: http://www.xkcd.com 24
  • 25. Att jobba med innehåll och praktiska exempel Hur skriver jag tillgängliga texter? » Börja med det viktigaste » Använd en tydlig struktur » Undvik svåra begrepp » Skriv till en målgrupp 25
  • 26. Att jobba med innehåll och praktiska exempel Hur skriver jag tillgängliga texter? 26
  • 27. Att jobba med innehåll och praktiska exempel Källa: Webaim 27
  • 28. Att jobba med innehåll och praktiska exempel Texter och responsiv design 28
  • 29. Att jobba med innehåll och praktiska exempel Texter och responsiv design 29
  • 30. Att jobba med innehåll och praktiska exempel Bilder • Alternativt: ”IT-konsulter poserar för foto” • Alternativt: ”” 30
  • 31. Att jobba med innehåll och praktiska exempel Undertexter 31
  • 32. Att jobba med innehåll och praktiska exempel Källa: medocular 32
  • 33. Att jobba med innehåll och praktiska exempel 33
  • 34. Webb für alle Sammanfattningsvis » Tillgänglighet är ett angreppsätt, inte en aktivitet » Mobilparadigm, innehållsstrategi och tillgänglighet går ihop » Redaktören är en nyckelperson 34
  • 35. metamatrix.se Sveavägen 31, 111 34 Stockholm | c/o Malmö Arena, Norra Vallgatan 20, 211 25 MALMÖ Växel: 08-50 65 33 00 35
  • 36. DINA BESÖKARE FINNS I FICKAN Framöver på Metamatrix » Livet efter Facebook – del 4 Välkomna den 25 april 2013 kl 12.10 – 13.00 36
  • 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) 37