Tillgänglighet och bondförnuft. MITT-nätverket 13 februari 2017

Storlek: px

Starta visningen från sidan:

Download "Tillgänglighet och bondförnuft. MITT-nätverket 13 februari 2017"

Lovisa Håkansson
för 7 år sedan
Visningar:

1 Tillgänglighet och bondförnuft MITT-nätverket 13 februari

2 Tillgänglighet och bondförnuft Ögonblicksbild Varbergs kommun Förhållningssätt till webbtillgänglighet Verktyg Pågående projekt

3 Varberg Strax över invånare Cirka anställda Bästa landsbygdskommun 2014, 2015 och 2016 Årets stadskärna 2016 Stockholm Göteborg VARBERG Malmö

4 Vi ska förenkla människors vardag och inspirera dem att uppnå sina drömmar Varbergs kommuns verksamhetsidé

5 Vi ska förenkla människors vardag och inspirera dem att uppnå sina drömmar Varbergs kommuns verksamhetsidé

6 Hade jag varit elak hade jag visat hur det ser ut i mobilen

7 vinden.varberg.se Kundservice Twitter personalingangen.varberg.se kundservice.varberg.se avtalskatalogen (opic) Time Care Procapita Bilpool (moveabout.se) PORTEN ATLAS foretagare. marknadvarberg.se besokare. marknadvarberg.se marknad varberg.se Förening sregist. Kultur skolan service.varberg.se byggl ovsgu iden Business Objects Infoview Ekonomisystemet Felanmälan fastigheter Infosoc rättsdata Vklass bib.varberg.se kulturhuse tkomedian ten.se varberg.se FB Twitter Skola24 Inköps- och fakturasystem Intraphone IT självservice Kommun GIS Lokalbokning Campus Officeweb (telefonkatalog) Skola 24 Överfö rmynd are Twitter Självservice rvast.se vivab.info FB Mina sidor varbergen ergi.se FB Mina sidor varbergs bostad.se varbergs fastighets. se Youtube koman.se Självservice Tempus Webbhjälpen FB Felanmälan

9 Förhållningssätt till digital tillgänglighet

10 Förhållningssätt till webbtillgänglighet Det är ett kontinuerligt arbete, inte bara i projekt Uppföljning, analys, vidareutveckling Strategi: minska antalet gränssnitt Öka kunskap utifrån roller i organisationen (exempelvis: ägare, beställare, upphandling, strateger, utvecklare, redaktörer) Samverkan: Temadag om webbtillgänglighet i Halmstad (april) Personligen: Slår ihop det med andra hygienfaktorer, t.ex webbprestanda

11 Podcasten Offentligheten CC

12 Tillägg i webbläsare

13 Tillägg i webbläsare Tillägg i Chrome chrome extensions Åtkomst till många av tilläggen sker via utvecklar-verktygen developer tools PC CTLR + Shift + I Mac alt + cmd + I

14 1. Chrome lens chrome lens Visualiserar nedsatt syn i olika nivåer samt färgblindhet

15 1. Chrome lens Även flödet för hur navigering med tab-tangenten ser ut Ritar en karta som kan sparas som bild

16 2. Accessibility Developer Tools accessibilty developer tools Kör rapport Bra länkar till wiki-sidor med förklaringar Som i sin tur länkar till W3C specifikationer

17 2. Accessibility Developer Tools

18 Fler exempel på tillägg i webbläsare Wave (Chrome) axe (Chrome och Firefox) Ainspector (Firefox) Page load time (Chrome) Google pagespeed (Chrome och Firefox) Web developer (Chrome) Bonus: Page analytics (Chrome) Google analytics

19 Webbtjänster

20 Webbtjänster tota11y Verktygslåda - visualisera tillgänglighet Installation: Bädda in javascript (252 kb) eller enkelt bokmärke i webbläsare Skapar liten flik i nederkant + Enkelt för ovana redaktörer + Jobba med en sak i taget + Gratis (github)

21 tota11y

22 tota11y Rubrikstrukturen Kontrast Länk-test Labels Alt-text (bilder) ARIA landmarks Experiment

23 tota11y Rubrikstrukturen (h1, h2 osv.)

24 tota11y Kontrast (Headings)

25 Tenon tenon.io WCAG 2.0 API Erbjuder molnlösning Betaltjänst 30 dagars gratis prova på + Verkar enkelt - Osäkerhet kring kvalitet?

27 Prototyp och projekt

28 Prototyp: Automatisera webbprestanda verifierad.nu Drivs av Marcus Österberg (VGR) Bollplank och testare Mål: Automatisera för hela offentliga sektorn

29 Prototyp: Metod för att följa webbriktlinjer.se Bloggpost Import till Trello Jobba agilt Prio = färg Kanban-tavla

30 Nätverk på västkusten (förarhytten på traktorn) Digital offentlig sektor i Västsverige Nystartat

31 varberg.se/utvecklingsblogg

Relevanta dokument

Några hållplatser på Varbergs digitala resa. MS kommundag 151001 Anders Boustedt & Rosita Ahlstedt

Några hållplatser på Varbergs digitala resa MS kommundag 151001 Anders Boustedt & Rosita Ahlstedt Agenda Winston Churchill DTL Skillnader som gör skillnad cc flickr.com/grifmo To improve is to change;