alt är inte allt: så bygger du ett intranät för alla
DESCRIPTION
Presenterad av Pär Lannerö den 20 maj 2014 på Intranätverk i Göteborg. Det syns inte alltid, men omkring en fjärdedel av alla svenskar i arbetsför ålder har någon funktionsnedsättning. Hur många är det i din organisation? Idag? Imorgon? Alla webbutvecklare vet nog att man ska ha ALT-taggar på bilderna för att de ska kunna beskrivas för personer med nedsatt syn. Genom att lära dig ytterligare några riktlinjer kan du se till att ert intranät bidrar till att göra arbetsplatsen mer och inte mindre tillgänglig! Denna session introducerar behov, verktyg, riktlinjer, regleringar och argument för att hjälpa dig att komma igång med tillgänglighet. Små åtgärder kan göra stor nytta för många!TRANSCRIPT
![Page 1: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/1.jpg)
Hur tillgänglig är du?
ALT är inte ALLT
Så bygger du ett intranät för ALLA Intranätverk 2014-05-20
Pär Lannerö
![Page 2: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/2.jpg)
Så bygger du ett intranät för ALLA
( )Agenda
![Page 3: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/3.jpg)
Så bygger du ett intranät för ALLA
( )Innan vi börjar…
Pär Lannerö Upphovsrätt Illustrationer
E-delegationen CC- BY pictogram.se
webbriktlinjer.se = dela gärna
@plannero ange källa
![Page 4: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/4.jpg)
![Page 5: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/5.jpg)
Vad?
1. Möjlig att uppfatta
2. Hanterbar
3. Begriplig
4. Robust
Från WCAG
Principer för tillgänglighet
![Page 6: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/6.jpg)
Vad?
Erbjud alternativ
1. Möjlig att uppfatta
![Page 7: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/7.jpg)
Vad? 1. Möjlig att uppfatta
Koda för skärmläsare!
Erbjud skärmläsare?
Inspelad uppläsning?
Syntolkning?
![Page 8: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/8.jpg)
Vad? 1. Möjlig att uppfatta
![Page 9: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/9.jpg)
Vad? 1. Möjlig att uppfatta
Koda för punktskrift
Beskriv inspelningar med
text
![Page 10: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/10.jpg)
Vad? 1. Möjlig att uppfatta
Texta video
Transkribera
ljudinspelningar
och teckentolka vid behov
![Page 11: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/11.jpg)
Vad? 1. Möjlig att uppfatta
![Page 12: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/12.jpg)
Vad? 1. Möjlig att uppfatta
![Page 13: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/13.jpg)
Vad? 1. Möjlig att uppfatta
![Page 14: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/14.jpg)
Vad? 1. Möjlig att uppfatta
![Page 15: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/15.jpg)
Vad? 2. Hanterbar
![Page 16: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/16.jpg)
Vad? 2. Hanterbar
![Page 17: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/17.jpg)
Vad? 2. Hanterbar
![Page 18: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/18.jpg)
Vad? 3. Begriplig
![Page 19: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/19.jpg)
Vad? 3. Begriplig
![Page 20: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/20.jpg)
Vad? 4. Robust
Responsiv
Robust
![Page 21: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/21.jpg)
Vad? 4. Robust
Responsiv
Robust
![Page 22: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/22.jpg)
![Page 23: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/23.jpg)
Varför?
Självständighet
![Page 24: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/24.jpg)
Varför?
Innanförskap
![Page 25: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/25.jpg)
Varför?
• Mindre färdtjänst Färre resor
![Page 26: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/26.jpg)
Varför?
26% har något
funktionshinder
(SCB 2013).
![Page 27: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/27.jpg)
Varför?
100% har särskilda
behov ibland!
![Page 28: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/28.jpg)
Varför?
100% har särskilda
behov ibland!
![Page 29: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/29.jpg)
Varför?
Tillgänglighet
ökar ofta
effektivitet
och
användbarhet
för alla
![Page 30: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/30.jpg)
Varför?
SEO
– även internt?!
![Page 31: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/31.jpg)
Varför?
• Mindre support
• Nöjda medarbetare
![Page 32: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/32.jpg)
Varför?
Stolta
webbutvecklare
![Page 33: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/33.jpg)
Varför?
• EU-direktiv om
Reglering ser ut att gå från BÖR till SKALL
![Page 34: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/34.jpg)
![Page 35: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/35.jpg)
Hur?
![Page 36: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/36.jpg)
Hur?
Ställ krav vid
upphandlingar
![Page 37: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/37.jpg)
Hur?
Låt riktiga
användare testa
![Page 38: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/38.jpg)
Hur?
Låt personas ha
olika funktions-
nedsättningar!
![Page 39: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/39.jpg)
Hur?
Använd verktyg
Ex. – Validator.w3.org
– WAVE
– Validerat.se
– Colorbrewer
– WAT
– Fangs
– NVDA
– …
![Page 40: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/40.jpg)
Hur?
• Testa regelbundet
• Lätt att ta sönder
något som har
fungerat
![Page 41: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/41.jpg)
Hur?
• Bestäm
• Fördela ansvar
• Tilldela resurser
![Page 42: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/42.jpg)
Hur? Har du en idé?
• Delta i PTS
innovationstävling
• Vinn upp till 2 mkr
pts.se/innovation
![Page 43: Alt är inte allt: så bygger du ett intranät för alla](https://reader034.vdocuments.mx/reader034/viewer/2022051608/54531a22b1af9f7f248b5722/html5/thumbnails/43.jpg)
Slut
Kontakta mig gärna!
par.lannero
@regeringskansliet.se
@plannero
0739-442043
webbriktlinjer.se