frukostseminarium - webb für alle - 140313

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)