SlideShare una empresa de Scribd logo
1 de 32
Descargar para leer sin conexión
1
Så gör du intranätet tillgängligt för alla
Intranätverk, 31 mars 2015
Pia Flodquist
2
Upphovsrätt CC- BY Illustrationer @PiaFlodquist
= dela gärna men ange pictogram.se #webbriktlinjer
källa webbriktlinjer.se thenounproject.com
3
Agenda
»Varför?
»Vem?
»Vad?
»Hur?
4Created by Irene Hoffman & Lazar Nikolic from the Noun Project
Varför?
5
VARFÖR?
Varför?
6
7
» Andel av Sveriges
befolkning med
någon typ av
funktionsnedsättning
Källa: Statistiska centralbyrån, Jordbruksverket
Vem?
8
Källor: Statistiska centralbyrån, Centrum för lättläst
?
25%15%
100 % har behov ibland!
9
10
Vad?
ALT-texter är viktiga, men de är inte ALLT!
11
Vad?
1. Möjlig att uppfatta
2. Hanterbar
3. Begriplig
4. Robust
Från WCAG
Principer för tillgänglighet
12
Möjlig att uppfatta med
hörseln eller känseln
Koda för skärmläsare!
• Beskriv allt viktigt med text
• Label på inmatningsfält
• Korrekta H-taggar (rubriker)
• Ange språk med lang
• ARIA landmarks
• ARIA live
• Provlyssna!
Erbjud talsyntes?
Syntolka video?
13
Möjlig att uppfatta för den
som använder synen
Texta video! Transkribera tal! Teckentolka?
•Tillräcklig kontrast
•Teckenstorlek till 200%
• </blink>
14
»Använd färger med bra kontraster.
» Tips: Colour contrast analyser
(the paciellogroup)
15
Möjlig att uppfatta
16
Hanterbar
17
Hanterbar
18
• Placera inte länkar för tätt.
• Framhäv länkar grafiskt.
• Gör en länk av ikon + text.
• Förstora klickbara ytor.
Gör länkar, klickbara ytor och
menyer hanterbara
19
Begriplig
20
Tydliga rubriker och länkar
21
Begriplig rubriker och länkar
22
Begriplig struktur
• Innehåll -bra rubriker!
• Nyckelord.
• Viktigaste först.
• Verb.
• Rätt h-taggar.
23
"Det säger Stockholms läns landsting i
en ny rapport om vården. För att läsa
hela rapporten, klicka här."
Skriv istället:
"Det säger Stockholms läns landsting i
rapporten. "Kvalitetsindikatorer i Hälso-
och sjukvården” (pdf 1,5 Mb).
Begripliga länkar
24
Begripliga felmeddelanden
25
Robust
Responsiv
Robust
26
27
Hur?
Webbriktlinjer.se
28
Ställ krav vid beställningar:
• Uppfylla WCAG 2.0 AA
• Erfarenhet av webbriktlinjer.se
CC-BY Åke Walldius, Clas Thorén,
Användningsforum.se
29
Låt riktiga
användare testa!
Testa regelbundet!
30
– Validator.w3.org
– Colorbrewer - kartor
– Fangs (skärmläsartest)
– VoiceOver (skärmläsare)
– Resizer – olika upplösning
– Colour contrast analyser
– …
Använd verktyg
31
Hur?
• Bestäm
• Fördela ansvar
• Tilldela resurser
33
Pia Flodquist
@PiaFlodquist
pia.flodquist@metamatrix.se
Metamatrix
facebook.com/metamatrix.ab
@metamatrix
Slut

Más contenido relacionado

Destacado

ใบงานแบบสำรวจ
ใบงานแบบสำรวจใบงานแบบสำรวจ
ใบงานแบบสำรวจ
sensitive_area
 
Aci̇ldurumezgi̇2014 (6) (1).pptx yeni̇i̇
Aci̇ldurumezgi̇2014 (6) (1).pptx yeni̇i̇Aci̇ldurumezgi̇2014 (6) (1).pptx yeni̇i̇
Aci̇ldurumezgi̇2014 (6) (1).pptx yeni̇i̇
Ezgi Çarşıbaşı
 

Destacado (9)

ใบงานแบบสำรวจ
ใบงานแบบสำรวจใบงานแบบสำรวจ
ใบงานแบบสำรวจ
 
Introduction
IntroductionIntroduction
Introduction
 
24.0 presentazione costruire futuro copia
24.0 presentazione costruire futuro copia24.0 presentazione costruire futuro copia
24.0 presentazione costruire futuro copia
 
The COWIportal supporting strategic progress and business success
The COWIportal supporting strategic progress and business successThe COWIportal supporting strategic progress and business success
The COWIportal supporting strategic progress and business success
 
Aci̇ldurumezgi̇2014 (6) (1).pptx yeni̇i̇
Aci̇ldurumezgi̇2014 (6) (1).pptx yeni̇i̇Aci̇ldurumezgi̇2014 (6) (1).pptx yeni̇i̇
Aci̇ldurumezgi̇2014 (6) (1).pptx yeni̇i̇
 
สะบายดี
สะบายดีสะบายดี
สะบายดี
 
Неделя биологии
Неделя биологииНеделя биологии
Неделя биологии
 
Who claims the intranet?
Who claims the intranet?Who claims the intranet?
Who claims the intranet?
 
Gör det enkelt att göra det enkelt att HITTA
Gör det enkelt att göra det enkelt att HITTAGör det enkelt att göra det enkelt att HITTA
Gör det enkelt att göra det enkelt att HITTA
 

Más de Intranätverk

Más de Intranätverk (20)

Region Skåne - Från nyhetsfokus till att få jobbet gjort
Region Skåne - Från nyhetsfokus till att få jobbet gjortRegion Skåne - Från nyhetsfokus till att få jobbet gjort
Region Skåne - Från nyhetsfokus till att få jobbet gjort
 
Modern Workplace – en införandemodell för Office 365
Modern Workplace – en införandemodell för Office 365Modern Workplace – en införandemodell för Office 365
Modern Workplace – en införandemodell för Office 365
 
Preem - video på intranätet
Preem - video på intranätetPreem - video på intranätet
Preem - video på intranätet
 
Top 10 reasons why the VELUX Group Digital Workplace is successful
Top 10 reasons why the VELUX Group Digital Workplace is successfulTop 10 reasons why the VELUX Group Digital Workplace is successful
Top 10 reasons why the VELUX Group Digital Workplace is successful
 
PANDORA’s award winning fast-track global intranet journey
PANDORA’s award winning fast-track global intranet journeyPANDORA’s award winning fast-track global intranet journey
PANDORA’s award winning fast-track global intranet journey
 
Svenska Spel Hemmaplan - nordens bästa digitala arbetsplats
Svenska Spel Hemmaplan - nordens bästa digitala arbetsplatsSvenska Spel Hemmaplan - nordens bästa digitala arbetsplats
Svenska Spel Hemmaplan - nordens bästa digitala arbetsplats
 
Innehållet driver framgången på Sveriges bästa intranät
Innehållet driver framgången på Sveriges bästa intranätInnehållet driver framgången på Sveriges bästa intranät
Innehållet driver framgången på Sveriges bästa intranät
 
Bruna internpostkuvert och appintranät – Malmö stads väg mot den digitala arb...
Bruna internpostkuvert och appintranät – Malmö stads väg mot den digitala arb...Bruna internpostkuvert och appintranät – Malmö stads väg mot den digitala arb...
Bruna internpostkuvert och appintranät – Malmö stads väg mot den digitala arb...
 
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen
 
KappAhls resa mot ett nytt intranät - en förstudie med fokus på butik
KappAhls resa mot ett nytt intranät - en förstudie med fokus på butikKappAhls resa mot ett nytt intranät - en förstudie med fokus på butik
KappAhls resa mot ett nytt intranät - en förstudie med fokus på butik
 
Hur mår Sveriges intranät 2016?
Hur mår Sveriges intranät 2016?Hur mår Sveriges intranät 2016?
Hur mår Sveriges intranät 2016?
 
Upplevelsestrategi skapar starkare intranätstrategi
Upplevelsestrategi skapar starkare intranätstrategiUpplevelsestrategi skapar starkare intranätstrategi
Upplevelsestrategi skapar starkare intranätstrategi
 
Information management in msf
Information management in msfInformation management in msf
Information management in msf
 
Intranets and hybrid search
Intranets and hybrid searchIntranets and hybrid search
Intranets and hybrid search
 
Intranets, past, present and the future
Intranets, past, present and the futureIntranets, past, present and the future
Intranets, past, present and the future
 
Med verksamhetsnära som ledstjärna
Med verksamhetsnära som ledstjärnaMed verksamhetsnära som ledstjärna
Med verksamhetsnära som ledstjärna
 
Danske Bank HELP Universe
Danske Bank HELP UniverseDanske Bank HELP Universe
Danske Bank HELP Universe
 
From Good to Great: Rethinking Skanska's global intranet
From Good to Great: Rethinking Skanska's global intranetFrom Good to Great: Rethinking Skanska's global intranet
From Good to Great: Rethinking Skanska's global intranet
 
Nyheter dokument och social kommunikation - fokus på det viktigaste har gett ...
Nyheter dokument och social kommunikation - fokus på det viktigaste har gett ...Nyheter dokument och social kommunikation - fokus på det viktigaste har gett ...
Nyheter dokument och social kommunikation - fokus på det viktigaste har gett ...
 
Video på intranätet
Video på intranätetVideo på intranätet
Video på intranätet
 

Så gör du intranätet tillgängligt för alla