tillganglig webb - bra för alla

Hur tillgänglig är du?

Tillgänglig webb – bra för alla Sitevisiondagarna, 2014-10-08

Pär Lannerö

Tillgänglig webb – bra för alla Agenda

1. Vem?

2. Vad?

3. Varför?

4. Hur?

Tillgänglig webb – bra för alla Innan vi börjar…

Pär Lannerö Upphovsrätt Illustrationer @plannero

delegationen CC- BY pictogram.se #webbriktlinjer

webbriktlinjer.se

= dela gärna, ange källa: webbriktlinjer.se

E-delegationen

Enklare Öppnare Effektivare

E-förvaltning

”så enkelt som möjligt för så många som möjligt”

Vägledning för webbutveckling

Vägledning för webbutveckling

Användbar

Åtkomlig

över tid

Förtroende-

ingivande Effektiv

Tekniskt

oberoende

Vägledning för webbutveckling

Tillgänglig

Sex principer

Vad?

1. Möjlig att uppfatta

2. Hanterbar

3. Begriplig

4. Robust

WCAGs principer för tillgänglighet

Vad?

Erbjud alternativ

1. Möjlig att uppfatta

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?

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

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>

Vad? 2. Hanterbar

Vad? 2. Hanterbar

Vad? 2. Hanterbar

Vad? 3. Begriplig

Vad? 3. Begriplig

Vad? 4. Robust

Responsiv

Robust

Vad? 4. Robust

Responsiv

Robust

Varför?

Självständighet

Varför?

26% i ålder 16-64 år

har någon

funktionsnedsättning

(SCB 2013).

Varför?

Fler med

funktionsnedsättning

bland äldre

Varför?

100% har särskilda

behov ibland!

Varför?

100% har särskilda

behov ibland!

Varför?

Tillgänglighet

ökar ofta

användbarhet

för alla

Varför?

SEO

Varför?

• Mindre support

• Nöjda kunder

• Nöjda medarbetare

Varför?

Stolta

webbutvecklare

Varför?

• EU-direktiv om

Reglering ser ut att gå från BÖR till SKALL

Hur?

Hur?

Ställ krav vid

beställningar:

• Uppfylla WCAG 2.0 AA

• Erfarenhet av att följa

webbriktlinjerna

Hur?

Låt riktiga

användare testa

Hur?

Låt personas ha

olika funktions-

nedsättningar!

Hur?

Använd verktyg

Ex. – Validator.w3.org

– WAVE, WAT

– Validerat.se

– Colorbrewer

– Fangs

– NVDA, VoiceOver

– …

Hur?

• Testa regelbundet

• Lätt att ta sönder

något som har

fungerat

Hur?

• Bestäm

• Fördela ansvar

• Tilldela resurser

Hur?

• Halvdag med tips

på hur du kan

komma igång

• Eftermiddagen den

2 december i

Stockholm

• Maila info@webbriktlinjer.se

Slut

Kontakta mig gärna!

par.lannero

@regeringskansliet.se

@plannero

0739-442043

webbriktlinjer.se