Embed Size (px)
Citation preview
2016-01-28
Tillgänglighetsgranskning
i praktiken
2
Agenda
»Varför är tillgänglighet viktigt?
»Så här går en granskning till
»Helsingborg.se
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
4Källor: Statistiska centralbyrån, Centrum för lättläst
?
25%15%
Varför är tillgänglighet viktigt?
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
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
»Vägledningen för webbutvecklingWebbriktlinjer.se
»Web Content Accessibility Guidelines
(WCAG)www.w3.org/WAI/
8
Granskningen
Vi granskar– Interaktionsdesign & funktion
– Färg och form
– Kod
– Innehåll
9
Helsingborg.se
10
»Processen
Skisser Prototyp Webbplats
11
Interaktionsdesign & funktionalitet
»Placera komponenter där användarna
förväntar sig.
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
Interaktionsdesign & funktionalitet
»Ge tydlig feedback
på formulär
14
Färg och form
»Kontraster
»Starka färger
»VERSALA RUBRIKER
15
Begripliga & tillgängliga texter
Läs-mer-länkar
Bilder som länkar
16
Kod
» Följ webbstandards
» Använd rätt HTML-element
» Använd WAI-ARIA
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
Resultatet
»Tips, åtgärder, lär dig mer
19
Kurs:
Granska tillgängligheten på er webb
11 maj 2016
» Pris: 4.900 kr / deltagare.
» 4.500 kr / deltagare (två eller fler från
samma organisation)
– Samtliga priser är exklusive moms.
20
Pia Flodquist@PiaFlodquist
Andreas Nylin@andreasnylin
@metamatrix
