tillgänglighetsanpassningarnas tid är förbi - frukostseminarium på creuna

Tillgänglighetsanpassningens tid är förbi - gör rätt från början och njut av fördelarna med en tillgänglig webb

Katja Engelhart

katja.engelhart@creuna.se @kaen

Isac Lagerblad

Isac.lagerblad@creuna.se @icaaq

“Tillgänglighetsanpassningens tid är förbi”

Titeln på dagens seminarium!

Oj, här står det att det ska vara tillgängligt!!

Äsch!! Det klagas!!

Oj, här står det att det ska vara tillgängligt!!

Förr!Bild: flickr.com/victoriapeckham

Äsch!! Det klagas!!

Förr!

Bild: flickr.com/zoetnet

Anpassning i efterhand •  Dyrt! •  Tar tid som inte finns (längre)

Tillgänglighet = tråkigt måste

Förr!

Strategi Koncept Design Implementation Test Lansering Förvaltning

Framöver!

Tillgänglighetsfokus!

Tänk rätt från början •  Behöver inte kosta mer •  … och inte ta längre tid!

Tillgänglighet = naturligt val och pågående process

Framöver!

Bild: flickr.com/adacitio

“… vad ni ska tänka på när ni bestämt er för att utveckla en webb för alla”

Ur inbjudan till dagens seminarium!

9 steg mot en tillgänglig lösning

1. Se möjligheterna!

Bild: flickr.com/pranav

Över en miljon personer med funktionsnedsättningar i Sverige. !

Bild: flickr.com/victoriapeckham

Våra webbanvändare blir äldre!!

Bild: flickr.com/pranav

På (mer) lika villkor!

Bild: flickr.com/hst

Bild: flickr.com/pranav

livskvalitet!

2. Lyft fördelarna

Bild: flickr.com/thelastminute

En tillgänglig lösning…

•  når fler! •  är enklare att använda (för ännu fler) •  är mer framtidssäker

•  fungerar i mobilen/ TV:n/iPaden •  ger bättre träffar i sökmotorer

Utan att det behöver kosta mer!

Dessutom!!

Följ!!

3. Utnyttja riktlinjer och verkyg

4. Beställ rätt sak – och ställ krav på era leverantörer

Bild: flickr.com/Marcin Wichary

Bild: flickr.com/victoriapeckham

5. Involvera era användare

Fråga!

Bild: flickr.com/woodleywonderworks

6. Designa tillgängligt

Bild: flickr.com/woodleywonderworks

Syns hyfsat!!

färgberoende!Färgberoende!

7. Följ standarder och utveckla tillgängligt

Bild: flickr.com/Pat Hawks

3 lager på en webbsida

1. Struktur - html

2. Presentation – css

3. Beteende - javascript

3 lager +1

•  Struktur (html) •  Presentation (css) •  Beteende (javascript) •  WAI-ARIA (fördefinierade ytor och roller)

Bild: flickr.com/conanil

8. Testa och utvärdera

Testa!!

9. Satsa på innehållet

Bild: flickr.com/E.Bartholomew

Och kom ihåg: •  Tillgängligheten är målet!

•  Tillgänglighetsarbete pågår

•  Öppna upp för andra

Bild: flickr.com/glenwilliamspdx

“Gör rätt från början och njut av fördelarna med en tillgänglig webb”

Underrubrik till dagens seminarium!Och slutord.!

Tack för oss!

Katja Engelhart

katja.engelhart@creuna.se @kaen

Isac Lagerblad

Isac.lagerblad@creuna.se @icaaq

Frågor?