Tillgänglighet som en naturlig del i våra projekt. Sid 1 Mars 2016 Tillgänglighet

Transkript

1 Tillgänglighet som en naturlig del i våra projekt Sid 1 Mars 2016 Tillgänglighet

2 Sid 2 Mars 2016 Tillgänglighet Responsiv webb

3 Projektet Responsiv webb 28 nov 2015 Responsiva produkten v 1.0 Maj 2016 Responsiva produkten v 1.1 November 2016 Responsiva produkten v 1.2 Sid 3 Mars 2016 Tillgänglighet

4 Projektet Responsiv webb 2017 Prioriterade tjänster 2018 Prioriterade tjänster E-Blanketter Sid 4 Mars 2016 Tillgänglighet

5 Multiprojektvärld Responsiva produkten Sid 5 Mars 2016 Tillgänglighet

6 Tillgänglighet och användbarhet Pressreleasen Försäkringskassan vill bli bäst på tillgänglighet på webben Har gett oss på Försäkringskassan möjlighet att fokusera på tillgänglighet Vi hoppas att andra myndigheter sätter samma höga mål för att tillgängliggöra webben Sid 6 Mars 2016 Tillgänglighet

7 Sid 7 Mars 2016 Tillgänglighet Framgångsfaktorer

8 Framgångsfaktorer Viktigt med en stark partner som kan hjälpa oss förstå tillgänglighet Web Content Accessibility Guidelines (WCAG) 2.0 Sid 8 Mars 2016 Tillgänglighet

9 Framgångsfaktorer Tillgänglighetsprocess Utvecklingsprocessen Tillgänglighet genom hela utvecklingsprocessen Backlog detaljering DoR Sprintarbete DoD ID Avstämning Tillgänglighet AD Avstämning Tillgänglighet Kravdetaljering Tillgänglighet Utveckling frågor Tillgänglighet Test Buggar Tillgänglighet Acceptanstest Tillgänglighet Arkitektur Systemdesign Förfining Utveckla Kodgranskning Krav - Test Avstämning Funktionell Test Bugghantering Test-ADI Skapa Enhetstester AD Avstämning Tillgänglighet Test Dokumentation Test-ADI Sid 9 Mars 2016 Tillgänglighet

10 Tillgänglighet ID och Grafik Sid 10 Mars 2016 Tillgänglighet

11 Tillgänglighet Informationsstruktur Sid 11 Mars 2016 Tillgänglighet

12 Tillgänglighet Kravdetaljering Tillgänglighet: Tänk på att Kr behöver kodas med elementet abbr så att det läses upp av uppläsande hjälpmedel: <abbr title= kronor >Kr</abbr> Sid 12 Mars 2016 Tillgänglighet

13 Tillgänglighet i utvecklingen <div class="datum"> <span class="no-speak" aria-hidden="true">{{ vm.date date:'d'}}<br/>{{ (vm.date date:'mmm') limitto: 3 }} </span> </div> <span class="sr-only">{{ vm.date date:'d MMMM' }} </span> Sid 13 Mars 2016 Tillgänglighet

14 Tillgänglighet i test Live validering i inmatningsfält Vi hittade många problem med live validering i inmatningsfälten Felmeddelandet läses upp en gång men avbryts när nästa tecken skrivs in. Beslut: Ta bort live validering från alla inmatningsfält! Felmeddelandet läses inte upp när användaren lämnar fältet Sid 14 Mars 2016 Tillgänglighet

15 Framgångsfaktorer Tydligt mandat att prioritera tillgänglighet Det kostar att utveckla tillgängliga webbplatser Utbildning / Kunskapsspridning Experter Mycket mer tid för utveckling / test / buggrättningar Sid 15 Mars 2016 Tillgänglighet

16 Framgångsfaktorer Viktigt att göra enkel design då löser det sig även för många som har funktionshinder Sid 16 Mars 2016 Tillgänglighet

17 Framgångsfaktor Validera koden Validera html Validera css Sid 17 Mars 2016 Tillgänglighet

18 Sid 18 Mars 2016 Tillgänglighet Utmaningar

19 Utmaningar Ingen exakt vetenskap Observera att inte ens innehåll som möter den högsta nivån (AAA) kommer att vara tillgängligt för alla individer med olika typer, grader, eller kombinationer av funktionsnedsättningar, speciellt inom områden som rör kognition, språk och inlärning. Sid 19 Mars 2016 Tillgänglighet

20 Utmaningar Vad är rätt och fel? Det är svårt att lära sig använda skärmläsarprogrammen Nästan omöjligt att tänka sig hur en synskadad upplever webbplatsen Sid 20 Mars 2016 Tillgänglighet

21 Utmaningar Stort testomfång Teknisk tillgänglighet Operativsystem * browsers * skärmläsare Operativ Browser Skärmläsare Win 10 Edge NVDA, Jaws, Supernova Win 10 IE11 NVDA, Jaws, Supernova Win 10 Chrome NVDA, Jaws, Supernova Win 10 Firefox NVDA, Jaws, Supernova Win8 IE11 NVDA, Jaws, Supernova Win8 Chrome NVDA, Jaws, Supernova Win7 IE11 NVDA, Jaws, Supernova Win7 IE10 NVDA, Jaws, Supernova Win7 Chrome NVDA, Jaws, Supernova Win7 Firefox NVDA, Jaws, Supernova Mac 10.x Safari 9 VoiceOver Mac 10.x Safari 8 VoiceOver Mac 10.x Chrome VoiceOver Mac 10.x Firefox VoiceOver Sid 21 Mars 2016 Tillgänglighet

22 Utmaningar Svårt att i våran organisation få tillgång till rätt versioner av skärmläsarprogram Ny version av skärmläsare Ny version 2 6 gånger per år Testning Certifiering av programvara Certifieringsprocess som kan ta 6 månader Installation Sid 22 Mars 2016 Tillgänglighet

23 Utmaningar Stort fokus på synskadade men vi får inte glömma de andra. Enkelt språkbruk Logisk struktur Kontraster Kombination mellan text och bild Sid 23 Mars 2016 Tillgänglighet

24 Utmaningar Tekniska tillgänglighetsfunktioner Inte alltid att alla browsers stödjer WAI-ARIA Nya funktioner som vi måste lära oss Ibland är det otydligt när olika WAI-ARIA objekt skall användas eller inte användas Buggiga skärmläsare! Sid 24 Mars 2016 Tillgänglighet

25 Reflektioner Hur gör ni för att få in arbetet med tillgänglighet som en del av er utvecklingsprocess? Sid 25 Mars 2016 Tillgänglighet