5. "Ska vi som har ett handikapp straffas för att
vi hamnade i den situationen som vi är i?"
Natalie Chanise Eriksson, 17 år student och modell.
Rullstolsburen född med CP-skada.
En fråga om demokrati…
Källa: http://www.aftonbladet.se/debatt/article20788960.ab
10. ”Ni borde låna en dator med t ex skärmläsare, sätt en
bindel för ögonen och sätt på datorn. Gå in på din
favoritsida på webben. Väldigt snart tror jag ni förstår
vad jag menar.
Talsyntesen säger inte allt, man kommer av sig… så är
det för oss synsvaga/blinda varje dag! Hade personerna
som gör sidorna testat, hade de säkert byggt dem
annorlunda? ”
- enkätdeltagare 2010 kring problem med att surfa på
webben som gravt synskadad eller blind.
11. 70 % av dagens pensionärer
använder internet dagligen.
Källa: http://www.poi2014.se/
12. • För kommuner och statliga myndigheter har riktlinjer
funnits sedan början av 2000-talet.
• I dagsläget utgår vi från de riktlinjer som finns i wcag 2.0
AA nivå utvecklat av W3C.
• På svenska finns www.webbriktlinjer.se
• Sedan 1/1 2015 gäller detta även privata aktörer med fler
än 10 anställda.
• Lagstiftningen ska hjälpa oss förbättra våra lösningar.
Lagstiftning och riktlinjer
13. ”Den som är ansvarig för en verksamhet är skyldig
att vidta skäliga åtgärder för att verksamheten ska
vara tillgänglig för en person med
funktionsnedsättning.”
- Diskrimineringsombudsmannen om nya diskrimineringslagen
14. Hur går det till rent
praktiskt?
Kod, layout och content
15. Innehållstruktur
• Strukturera informationen efter vad
användaren letar efter i kombination
med vad målet för er verksamhet är.
• Lägg tid på navigationskonceptet.
Gruppera, sortera, ta bort.
16. KodStruktur
• Använd taggarna till det de är till för.
<h1> Störst = viktigast
<h2> Underrubrik nivå 2
<h3> Underrubrik nivå 3
<h2> Kan följas av en rubrik 2.
17. Kontraster
• Kontraster - se till att det går att läsa
texter och testa kontrasten.
• Använd verktyg som:
http://leaverou.github.io/contrast-ratio/
18. Alt-text
• Alt-texter - se till att alla bilder har
ordentliga alt-texter som hjälper
användaren. Hjälper ju även google.
• Även bilder som endast är där för att
förstärka designen ska ha alt-text. En
tom alt-text…
Ja – ”Hand med många smycken som
håller i tusenlappar”
Nja – ”pengar”
Nej – ”bild”
Om bilden endast har en
designfunktion:
alt=””
19. Länkar
• Se till att de är mer än bara en färg
som utmärker en textlänk.
• Kan annars bli svårt att urskilja för
människor med exempelvis
färgblindhet.
• Understrykning i kombination med
annan hoover färg är bra.
Festivalprogram 2015
Festivalprogram 2015
20. Film
• Bra för besökare som har svårt att
läsa!
• Se till att den går att få i textad
version eller att informationen i den
går att ta till sig även om en inte hör
vad som sägs i den.
• Se till att filmspelaren går att styra
med tangentbordet.
21. Ikoner
• Ikoner - bra för att förstärka en
funktion eller ett budskap.
• Förstärk med text-label för dem som
ej förstår metaforer, ej ser ikonen etc.
• Ikoner förändras över tid.
22. Content
• KLARSPRÅK - skriv med ett språk
som dina besökare förstår.
• Ha korta och informativa rubriker
som hjälper besökaren att sortera
innehållet.
• Länkar ska gå att förstå för sig själva.
• Vi läser inte på webben, vi skummar
och letar efter rätt information.
Festivalprogram 2015
Läs mer
24. Testa internt
• Navigera med tangentbordet
• Kan du hoppa över
huvudmenyn
• Sker navigeringen i logisk
följd?
• Ser du vart du är i
navigeringen?
• Stäng av CSS:en. Det är i denna
ordning innehållet blir uppläst i
skärmläsare.
25. Testa externt
• Ha med funktionsvariationer i
testgruppen.
• Bjud in människor med olika
funktionsvariationer.
• Granska era egna lösningar eller ta in
någon för att göra det åt er. Bättre att
ni förekommer beställaren...
Hur tänker du?
27. Finns en uppsjö av verktyg att använda. Läs på!
• https://validator.w3.org/
• Firefox accessibility extension (add-on för firefox).
• WAVE evaluation tool (add-on för Chrome)
• Lista med verktyg: http://www.w3.org/WAI/ER/tools/
• https://make.wordpress.org/accessibility/
• https://codex.wordpress.org/Accessibility
• Teman som har granskats taggas med ”Accessibility ready”
Om wordpress och tillgänglighet
28. Tänk inte på tillgänglighet som ett ont måste,
det hjälper alla användare.
29. Alla kan hamna i en situation där en
tillgänglig webb plötsligt blir viktigt för dig
eller någon som står dig nära.
30. Det är på vårt ansvar som arbetar med
webben. utvecklare, designers eller
kommunikatörer att se till att vi bygger
inkluderande.