metamatrix tillgänglig webb

CC-BY

Hur tillgänglig är du?

Bygg en webbplats alla kan använda Pär Lannerö 2014-09-11 CC-BY

CC-BY

Bygg en webbplats alla kan använda Agenda

1. Vem?

2. Varför?

3. Vad?

4. Hur?

CC-BY

Bygg en webbplats alla kan använda Innan vi börjar…

Pär Lannerö Upphovsrätt Illustrationer @plannero

delegationen CC-BY pictogram.se

webbriktlinjer.se = dela gärna

plannero ange källa

E-delegationen/webbriktlinjer.se

CC-BY

CC-BY

Vägledning för webbutveckling

CC-BY

Användbar

Åtkomlig

över tid

Förtroende-

ingivande Effektiv

Tekniskt

oberoende

Vägledning för webbutveckling

Tillgänglig

Sex principer

CC-BY

Användbar

Åtkomlig

över tid

Förtroende-

ingivande Effektiv

Tekniskt

oberoende

Vägledning för webbutveckling

Tillgänglig

Sex principer

CC-BY

Grunderna för tillgänglighet

CC-BY

CC-BY

Varför?

26% i ålder 16-64 år

har någon

funktionsnedsättning

(SCB 2013).

CC-BY

Varför?

100% har särskilda

behov ibland!

CC-BY

Varför?

100% har särskilda

behov ibland!

CC-BY

Varför?

Självständighet

CC-BY

Varför?

Innanförskap

CC-BY

Varför?

Tillgänglighet

ökar ofta

effektivitet

och

användbarhet

för alla

CC-BY

Varför?

SEO

CC-BY

Varför?

• Mindre support

• Nöjda kunder

• Nöjda medarbetare

CC-BY

Varför?

Stolta

webbutvecklare

CC-BY

Varför?

• EU-direktiv om

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

CC-BY

CC-BY

Vad? ALT-texter är viktiga, men de är inte ALLT!

CC-BY

Vad?

1. Möjlig att uppfatta

2. Hanterbar

3. Begriplig

4. Robust

Från WCAG

Principer för tillgänglighet

CC-BY

Vad?

Erbjud alternativ

1. Möjlig att uppfatta

CC-BY

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

• Label på inmatningsfält

• H-rubriker

• Ange språk med lang

• ARIA landmarks

• ARIA live

• Förkortningar

• Provlyssna!

Erbjud skärmläsare?

Syntolka video?

CC-BY

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

Testade du med

skärmläsare så fungerar

det nog med punktskrifts-

display!

CC-BY

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

• Tillräcklig kontrast

• Teckenstorlek till 200%

• Tänk på färgblindhet

• Texta video

• Transkribera ljudinspelningar

• Teckentolka vid behov

• Ta det lugnt med blinkningar

CC-BY

Vad? 1. Möjlig att uppfatta

CC-BY

Vad? 2. Hanterbar

CC-BY

Vad? 2. Hanterbar

CC-BY

Vad? 2. Hanterbar

CC-BY

Vad? 3. Begriplig

CC-BY

Vad? 3. Begriplig

CC-BY

Vad? 4. Robust

Responsiv

Robust

CC-BY

Vad? 4. Robust

Responsiv

Robust

CC-BY

CC-BY

Hur?

CC-BY

Hur?

Ställ krav vid

beställningar:

• Uppfylla WCAG 2.0 AA

• Utgå från

webbriktlinjerna

CC-BY

Hur?

Ställ krav vid

beställningar

CC-BY Åke Walldius, Clas Thorén, Användningsforum.se

CC-BY

Hur?

Låt riktiga

användare testa

CC-BY

Hur?

Låt personas ha

olika funktions-

nedsättningar!

CC-BY

Hur?

Använd verktyg

Ex. – Validator.w3.org

– WAVE, WAT

– Validerat.se

– Colorbrewer

– Fangs

– NVDA, VoiceOver

– …

CC-BY

Hur?

• Testa regelbundet

• Lätt att ta sönder

något som har

fungerat

CC-BY

Hur?

• Bestäm

• Fördela ansvar

• Tilldela resurser

CC-BY

Slut

Kontakta mig gärna!

par.lannero

@metamatrix.se

@plannero

0739-442043

CC-BY