ݺߣ

ݺߣShare a Scribd company logo
2016-04-28
Tillgänglighetsgranskning
i praktiken
2
Agenda
»Varför är tillgänglighet viktigt?
»Så här granskar vi
»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
4
Kä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 webbutveckling
Webbriktlinjer.se
»Web Content Accessibility Guidelines
(WCAG)
www.w3.org/WAI/
8
Granskningen
Så här granskar vi
– Interaktionsdesign och 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
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
Pia Flodquist
@PiaFlodquist
pia.flodquist@metamatrix.se
Andreas Nylin
@andreasnylin
andreas.nylin@metamatrix.se
@metamatrix

More Related Content

Tillgänglighetsgranskning i praktiken