Upload
metamatrix
View
130
Download
0
Embed Size (px)
DESCRIPTION
Frukostseminarium: Bygg en webbplats alla kan använda. Om tillgängliga webbplatser.
Citation preview
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