tillganglig webb - bra för alla

42
Tillgänglig webb bra för alla Sitevisiondagarna, 2014-10-08 Pär Lannerö

Upload: paer-lanneroe

Post on 12-Jun-2015

184 views

Category:

Internet


1 download

DESCRIPTION

Tillgänglighet på webben: Vad? Varför? Hur? Introduktionsföreläsning från konferensen SiteVisiondagarna 2014

TRANSCRIPT

Page 1: 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ö

Page 2: Tillganglig webb - bra för alla

Tillgänglig webb – bra för alla Agenda

1. Vem?

2. Vad?

3. Varför?

4. Hur?

Page 3: Tillganglig webb - bra för alla

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

Page 4: Tillganglig webb - bra för alla
Page 5: Tillganglig webb - bra för alla

E-delegationen

Enklare Öppnare Effektivare

E-förvaltning

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

Page 6: Tillganglig webb - bra för alla

Vägledning för webbutveckling

Page 7: Tillganglig webb - bra för alla

Vägledning för webbutveckling

Page 8: Tillganglig webb - bra för alla

Användbar

Åtkomlig

över tid

Förtroende-

ingivande Effektiv

Tekniskt

oberoende

Vägledning för webbutveckling

Tillgänglig

Sex principer

Page 9: Tillganglig webb - bra för alla
Page 10: Tillganglig webb - bra för alla

Vad?

1. Möjlig att uppfatta

2. Hanterbar

3. Begriplig

4. Robust

WCAGs principer för tillgänglighet

Page 11: Tillganglig webb - bra för alla

Vad?

Erbjud alternativ

1. Möjlig att uppfatta

Page 12: Tillganglig webb - bra för alla

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?

Page 13: Tillganglig webb - bra för alla

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

Page 14: Tillganglig webb - bra för alla

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>

Page 15: Tillganglig webb - bra för alla

Vad? 2. Hanterbar

Page 16: Tillganglig webb - bra för alla

Vad? 2. Hanterbar

Page 17: Tillganglig webb - bra för alla

Vad? 2. Hanterbar

Page 18: Tillganglig webb - bra för alla

Vad? 3. Begriplig

Page 19: Tillganglig webb - bra för alla

Vad? 3. Begriplig

Page 20: Tillganglig webb - bra för alla

Vad? 4. Robust

Responsiv

Robust

Page 21: Tillganglig webb - bra för alla

Vad? 4. Robust

Responsiv

Robust

Page 22: Tillganglig webb - bra för alla
Page 23: Tillganglig webb - bra för alla

Varför?

Självständighet

Page 24: Tillganglig webb - bra för alla

Varför?

26% i ålder 16-64 år

har någon

funktionsnedsättning

(SCB 2013).

Page 25: Tillganglig webb - bra för alla

Varför?

Fler med

funktionsnedsättning

bland äldre

Page 26: Tillganglig webb - bra för alla

Varför?

100% har särskilda

behov ibland!

Page 27: Tillganglig webb - bra för alla

Varför?

100% har särskilda

behov ibland!

Page 28: Tillganglig webb - bra för alla

Varför?

Tillgänglighet

ökar ofta

användbarhet

för alla

Page 29: Tillganglig webb - bra för alla

Varför?

SEO

Page 30: Tillganglig webb - bra för alla

Varför?

• Mindre support

• Nöjda kunder

• Nöjda medarbetare

Page 31: Tillganglig webb - bra för alla

Varför?

Stolta

webbutvecklare

Page 32: Tillganglig webb - bra för alla

Varför?

• EU-direktiv om

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

Page 33: Tillganglig webb - bra för alla
Page 34: Tillganglig webb - bra för alla

Hur?

Page 35: Tillganglig webb - bra för alla

Hur?

Ställ krav vid

beställningar:

• Uppfylla WCAG 2.0 AA

• Erfarenhet av att följa

webbriktlinjerna

Page 36: Tillganglig webb - bra för alla

Hur?

Låt riktiga

användare testa

Page 37: Tillganglig webb - bra för alla

Hur?

Låt personas ha

olika funktions-

nedsättningar!

Page 38: Tillganglig webb - bra för alla

Hur?

Använd verktyg

Ex. – Validator.w3.org

– WAVE, WAT

– Validerat.se

– Colorbrewer

– Fangs

– NVDA, VoiceOver

– …

Page 39: Tillganglig webb - bra för alla

Hur?

• Testa regelbundet

• Lätt att ta sönder

något som har

fungerat

Page 40: Tillganglig webb - bra för alla

Hur?

• Bestäm

• Fördela ansvar

• Tilldela resurser

Page 41: Tillganglig webb - bra för alla

Hur?

• Halvdag med tips

på hur du kan

komma igång

• Eftermiddagen den

2 december i

Stockholm

• Maila [email protected]

Page 42: Tillganglig webb - bra för alla

Slut

Kontakta mig gärna!

par.lannero

@regeringskansliet.se

@plannero

0739-442043

webbriktlinjer.se