Frukostseminarium om tillgänglig webb den 28 april 2016

1. 2016-04-28
Tillgänglighetsgranskning
i praktiken

2. 2
Agenda
»Varför är tillgänglighet viktigt?
»Så här granskar vi
»Helsingborg.se

3. 3
Varför är tillgänglighet viktigt?
16-19%
» Andel av Sveriges
befolkning med
någon typ av
funktionsnedsättning
Källa: Statistiska centralbyrån, Jordbruksverket

4. 4
Källor: Statistiska centralbyrån, Centrum för lättläst
?
25%15%
Varför är tillgänglighet viktigt?

5. 5
Varför är tillgänglighet viktigt?
Demokrati - att kunna delta i samhället
Missade affärer – ni hindrar personer från att
använda er webbplats.
$

6. 6
Varför är tillgänglighet viktigt?
»FN-konventionen
»Myndigheters ansvar
»Diskrimineringslagen
»Europeisk standard för krav på
upphandling av tillgänglig IT
»EU-förslag på ny Tillgänglighetslag

7. 7
»Vägledningen för webbutveckling
Webbriktlinjer.se
»Web Content Accessibility Guidelines
(WCAG)
www.w3.org/WAI/

8. 8
Granskningen
Så här granskar vi
– Interaktionsdesign och funktion
– Färg och form
– Kod
– Innehåll

9. 9
Helsingborg.se

10. 10
»Processen
Skisser Prototyp Webbplats

11. 11
Interaktionsdesign & funktionalitet
»Placera komponenter där
användarna förväntar sig.

12. 12
Interaktionsdesign & funktionalitet
» Webbplatsen ska fungera för
alla!
– Mus
– Tangentbord
– Touchskärm
– Skärmläsare
– Blindskrift… o.s.v.
» Testa till exempel
– undermenyer går att komma åt
– dialogrutor går att stänga
– formulären fungerar

13. 13
Interaktionsdesign & funktionalitet
»Ge tydlig feedback
på formulär

14. 14
Färg och form
»Kontraster
»Starka färger
»VERSALA RUBRIKER

15. 15
Begripliga & tillgängliga texter
Läs-mer-länkar
Bilder som länkar

16. 16
Kod
» Följ webbstandards
» Använd rätt HTML-element
» Använd WAI-ARIA

17. 17
» Sidan ska fungera utan JavaScript
– 1 procent av besökare har inte JavaScript
aktiverat
– Alternativt innehåll för besökare utan JS
– Fungerade ej: Sök, kalendarie, film, karta

18. 18
Resultatet
»Tips, åtgärder, lär dig mer

19. 19
Webb för alla
» Granskning och analys av tillgänglighet
– Koncept och utvecklingsfas
– Befintlig webbplats
» Webbutveckling - koncept och lösningar
» Kurser och seminarier
» Kravställning och stöd vid upphandlingar

20. 20
Pia Flodquist
@PiaFlodquist
pia.flodquist@metamatrix.se
Andreas Nylin
@andreasnylin
andreas.nylin@metamatrix.se
@metamatrix