tillgänglighetsgranskning i praktiken

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

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

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