Tillgänglighet på webben: Vad? Varför? Hur? Introduktionsföreläsning från konferensen SiteVisiondagarna 2014

1. Hur tillgänglig är du?
Tillgänglig webb – bra för alla Sitevisiondagarna, 2014-10-08 Pär Lannerö

2. Tillgänglig webb – bra för alla
Agenda
1.Vem?
2.Vad?
3.Varför?
4.Hur?

3. Tillgänglig webb – bra för alla
Innan vi börjar…
Lannerö Upphovsrätt Illustrationer @plannero
delegationen CC- BY pictogram.se #webbriktlinjer
webbriktlinjer.se
= dela gärna, ange källa: webbriktlinjer.se

5. E-delegationen
Enklare
Öppnare
Effektivare
E-förvaltning
”så enkelt som möjligt för så många som möjligt”

6. Vägledning för webbutveckling

7. Vägledning för webbutveckling

8. Användbar
Åtkomlig över tid
Förtroende- ingivande
Effektiv
Tekniskt oberoende
Vägledning för webbutveckling
Tillgänglig
Sex principer

10. Vad?
1.Möjlig att uppfatta
2.Hanterbar
3.Begriplig
4.Robust
WCAGs principer för tillgänglighet

11. Vad?
Erbjud alternativ
1. Möjlig att uppfatta

12. Vad?
1. Möjlig att uppfatta för den som använder hörseln
Koda för skärmläsare!
• Beskriv allt viktigt med text Men ALT är inte ALLT!
• Label på inmatningsfält
• H-rubriker
• ARIA
• … Provlyssna! Syntolkning?

13. Vad?
1. Möjlig att uppfatta för den som använder känseln

14. Vad?
Texta video! Transkribera tal! Teckentolka?
1. Möjlig att uppfatta för den som använder synen
• Tillräcklig kontrast
• Teckenstorlek till 200%
• Tänk på färgblindhet
• </blink>

15. Vad?
2. Hanterbar

16. Vad?
2. Hanterbar

17. Vad?
2. Hanterbar

18. Vad?
3. Begriplig

19. Vad?
3. Begriplig

20. Vad?
4. Robust
Responsiv
Robust

21. Vad?
4. Robust
Responsiv
Robust

23. Varför?
Självständighet

24. Varför?
26% i ålder 16-64 år
har någon
funktionsnedsättning
(SCB 2013).

25. Varför?
Fler med
funktionsnedsättning
bland äldre

26. Varför?
100% har särskilda
behov ibland!

27. Varför?
100% har särskilda
behov ibland!

28. Varför?
Tillgänglighet
ökar ofta
användbarhet
för alla

29. Varför?
SEO

30. Varför?
•Mindre support
•Nöjda kunder
•Nöjda medarbetare

31. Varför?
Stolta
webbutvecklare

32. Varför?
•EU-direktiv om
Reglering ser ut att gå från BÖR till SKALL

34. Hur?

35. Hur?
Ställ krav vid beställningar:
•Uppfylla WCAG 2.0 AA
•Erfarenhet av att följa webbriktlinjerna

36. Hur?
Låt riktiga användare testa

37. Hur?
Låt personas ha olika funktions- nedsättningar!

38. Hur?
Använd verktyg
Ex.
–Validator.w3.org
–WAVE, WAT
–Validerat.se
–Colorbrewer
–Fangs
–NVDA, VoiceOver
–…

39. Hur?
•Testa regelbundet
•Lätt att ta sönder något som har fungerat

40. Hur?
•Bestäm
•Fördela ansvar
•Tilldela resurser

41. Hur?
•Halvdag med tips på hur du kan komma igång
•Eftermiddagen den 2 december i Stockholm
•Maila info@webbriktlinjer.se

42. Slut
Kontakta mig gärna!
par.lannero
@regeringskansliet.se
@plannero
0739-442043
webbriktlinjer.se