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

Storlek: px
Starta visningen från sidan:

Download "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

Tillgänglighet först vägen till Sveriges bästa webbplats. #webbföralla

Tillgänglighet först vägen till Sveriges bästa webbplats. #webbföralla Tillgänglighet först vägen till Sveriges bästa webbplats #webbföralla Dagordning Tillgänglighet lite teori I praktiken hos Försäkringskassan Resultat hos Försäkringskassan Hur komma igång? Tillgänglighet

Läs mer

F15 Tillgänglighet/Accessibility Dagens agenda

F15 Tillgänglighet/Accessibility Dagens agenda F15 Tillgänglighet/Accessibility Dagens agenda Varför bry sig? Vad tjänar jag? WAI Funka Nu WCAG 1, 2 Hjälpmedel Prolog Varför bry sig? En stor del av Sveriges befolkning lider av funktionsnedsättningar

Läs mer

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se DATUM: 2009-04-03

Läs mer

F04 Webbteknik. Föreläsning 4, HT2014 Webbteknik. Johan Leitet

F04 Webbteknik. Föreläsning 4, HT2014 Webbteknik. Johan Leitet F04 Webbteknik Föreläsning 4, HT2014 Webbteknik Johan Leitet F04 Webbteknik Dagens agenda Från klient till server till klient Port 80 Webbservrar Webbläsare - Rendreringsmotorer Standarder på webben, W3C

Läs mer

TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN

TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN 2016-04-08 Vad är tillgänglighet? Tillgänglighet på webben handlar i grunden om att alla ska kunna tillgodogöra sig innehållet på en webbplats. En tillgänglig

Läs mer

Tillgängliga pdf-lösningar med Adobe LiveCycle Designer

Tillgängliga pdf-lösningar med Adobe LiveCycle Designer Tillgängliga pdf-lösningar med Adobe LiveCycle Designer Referens: Andreas Cederbom andreas.cederbom@funkanu.se 08-555 770 64 2 (16) Bakgrund har genomfört en undersökning av hur Adobe LiveCycle Designer

Läs mer

A" utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad

A utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad A" utveckla kartor med responsiv design Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad Innehåll 1. Vad och varför responsiv design? 2. Hur kan det genomföras? 3. Exempel (smap)

Läs mer

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

Olle Olsson. December 2006

Olle Olsson. December 2006 Olle Olsson World Wide Web Consortium: olleo@w3.org Swedish Institute of Computer Science: olleo@sics.se December 2006 2006-12-14 Webb - tillgänglighet, användbarhet 1 World Wide Web Consortium (1994-

Läs mer

Checklista Mobila applikationer fo r bank och betalning

Checklista Mobila applikationer fo r bank och betalning Checklista Mobila applikationer fo r bank och betalning Checklistan nedan kan användas till att säkerställa att er mobila applikation för bank och betalning är tillgänglig för personer med funktionsnedsättning.

Läs mer

Teknisk tillgänglighet

Teknisk tillgänglighet Teknisk tillgänglighet Vervas checklista för grundläggande tillgänglighet (Se bifogad fil) Nedan följer resultatet av test av grundläggande tillgänglighet enligt VERVA. Skärmdumpar på OPAC från BOOK-IT,

Läs mer

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR UPPDRAGSGIVARE: IT-CENTER VÅR REFERENS: STEFAN JOHANSSON TEL.: 0708-23 10 64 E-POST: stefan.johansson@funkanu.se INNEHÅLL: LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR _ Funka Nu AB Finnbodavägen 2, 131 31

Läs mer

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren.

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren. Vad är Semantic Elements? HTML5 Semantic Informationen kommer från w3schools.com Semantik (av grekiska sema, "tecken") avser det vetenskapliga studiet av teckensystems innebörd och tolkning. Semantic elements

Läs mer

WEBBUTVECKLING 1 LÄROBOK ERRATA UPPLAGA 1

WEBBUTVECKLING 1 LÄROBOK ERRATA UPPLAGA 1 Errata för J200 4500 Webbutveckling 1 av Lars Gunther Exklusive stavnings och grammatikfel. Sidan 33: Hela avsnitt 1.10.3 är omskrivet Här samlas artiklar och dokumentation, samt ett diskussionsforum.

Läs mer

Vad säger WCAG om kognition?

Vad säger WCAG om kognition? Vad säger WCAG om kognition? Stefan Johansson och Anita Hildén stefan.johansson@funkanu.se leknyttan@gmail.com Så här säger W3C-konsortiet: Web Content Accessibility Guidelines (WCAG) 2.0 innehåller ett

Läs mer

Viktigt! Glöm inte att skriva tentamenskod på alla blad du lämnar in.

Viktigt! Glöm inte att skriva tentamenskod på alla blad du lämnar in. Webbdesign Provmoment: Ladokkod: Tentamen ges för: TentamensKod: TEN NWD011 SV15 7,5 högskolepoäng Tentamensdatum: 1 nov 2016 Tid: 9-13 Hjälpmedel: Färgpennor är tillåtna. Totalt antal poäng på tentamen:

Läs mer

Läsa artiklar i artikeldatabaser med kompensatoriska hjälpmedel

Läsa artiklar i artikeldatabaser med kompensatoriska hjälpmedel Läsa artiklar i artikeldatabaser med kompensatoriska hjälpmedel en översikt Sammanfattning Idag finns det tillgång till en uppsjö vetenskapliga artiklar i form av e-text via artikeldatabaser, insamlade

Läs mer

Tillgänglighetskrav i webbdirektivet. Pär Lannerö Underlag för muntlig introduktion hos Finansdep

Tillgänglighetskrav i webbdirektivet. Pär Lannerö Underlag för muntlig introduktion hos Finansdep Tillgänglighetskrav i webbdirektivet Pär Lannerö Underlag för muntlig introduktion hos Finansdep. 2017-01-25 Direktivets krav på offentliga myndigheter Tillgänglighetskrav EN301549 Undantag Tillgänglighetsutlåtande

Läs mer

Användarguide för anslutning till Treserva och TES 2016-02-29. Användarguide för anslutning till Treserva och TES

Användarguide för anslutning till Treserva och TES 2016-02-29. Användarguide för anslutning till Treserva och TES Användarguide för anslutning till Treserva och TES Innehållsförteckning Systemkrav... 3 Symantec VIP Access... 4 För tvåfaktorsautentisering via mobiltelefon... 4 För två-faktorsautentisering via dator...

Läs mer

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550 Del 1 och 2 HTML/CSS Vi har fått i uppgift att göra en hemsida av eget val! Jag har bestämt mig för att skapa en hemsida åt en påhittad restaurang här i Umeå som inriktar sig på exklusiv nyttig mat och

Läs mer

Kursplan Webbutveckling 2, 100p Läsår 2013-2014

Kursplan Webbutveckling 2, 100p Läsår 2013-2014 Kursplan Webbutveckling 2, 100p Läsår 2013-2014 Kurswebb: www.creativerooms.se/edu, välj Webbutveckling 2 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se Hösttermin 2013 Vecka Tema

Läs mer

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Vad? Ca 150 riktlinjer för utveckling av webb och e-tjänster i offentlig sektor Senaste version 2006

Läs mer

Usability & accessibility. Användbarhet & tillgänglighet

Usability & accessibility. Användbarhet & tillgänglighet Usability & accessibility Användbarhet & tillgänglighet Varför? Det som är bra för funktionshindrade är ofta bra för alla Good will, PR, corporate responsibility Google är blind Lagar och regler Tillgänglighet

Läs mer

edwise Uppdateringsinformation vecka 04

edwise Uppdateringsinformation vecka 04 edwise Uppdateringsinformation vecka 04 Uppdateringsinformation beskriver nyheter, rättningar och andra förändringar i edwise vid uppdateringen torsdagen den 24 januari, 2013 Sida 2/13 Innehållsförteckning

Läs mer

Visma Proceedo. Att logga in - Manual. Version Version /

Visma Proceedo. Att logga in - Manual. Version Version / Visma Proceedo Att logga in - Manual Version 1.4.1 Version 1.4.1 / 170510 1 Innehåll 1) INLOGGNING VIA MEDARBETARWEBBEN... 4 2) INTERNET EXPLORER... 7 2.1 Java... 7 2.2 Popup- fönster... 9 2.3 Browser,

Läs mer

Vägledning för webbutveckling. webbriktlinjer.se

Vägledning för webbutveckling. webbriktlinjer.se Vägledning för webbutveckling Kort om mig E-delegationen 20-25 % Augusti 2010 Teamledare för gruppen: e-tjänster Ingår i förvaltningsgruppen och det fortsatta arbetet Arbetsförmedlingen Januari 2012 Webb-

Läs mer

Visma Proceedo. Att logga in - Manual. Version 1.4. Version 1.4 / 151016 1

Visma Proceedo. Att logga in - Manual. Version 1.4. Version 1.4 / 151016 1 Visma Proceedo Att logga in - Manual Version 1.4 Version 1.4 / 151016 1 Innehåll 1) INLOGGNING VIA MEDARBETARWEBBEN... 4 2) INTERNET EXPLORER... 7 2.1 Java... 7 2.2 Popup- fönster... 9 2.3 Browser, 32-64-bitars

Läs mer

Release Notes. Arena 3.2

Release Notes. Arena 3.2 Release Notes Arena 3.2 OM RELEASE NOTES Datum Version 2016-10-26 A 2016-10-27 B 2016-11-02 C 2016-11-03 D 2016-11-08 E Dessa release notes kommer att uppdateras flertalet gånger. Du bör därför alltid

Läs mer

2000-talet tillgänglighet på webben. Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS)

2000-talet tillgänglighet på webben. Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS) Ivan Herman 2000-talet tillgänglighet på webben Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS) EpiServer-dagen 11 mars 2009 SICS Swedish Institute of Computer

Läs mer

Nämnden för elektronisk förvaltning

Nämnden för elektronisk förvaltning Nämnden för elektronisk förvaltning fastställer gemensamma standarder för myndigheters elektroniska kommunikation med varandra och med medborgare och företag Inrättades 1 januari 2004 13 ledamöter Statskontoret

Läs mer

CMS. - Content management system

CMS. - Content management system CMS - Content management system Agenda CMS Server, webbhotell och FTP Wordpress, ställ mycket frågor Om vi hinner - Snabb genomgång av CMS - uppgiften Nu & Då Sidor med bara HTML och CSS kräver manuell

Läs mer

Riktlinjer för navigation i mobilgränssnitt Senast uppdaterad 2014-02-21

Riktlinjer för navigation i mobilgränssnitt Senast uppdaterad 2014-02-21 Riktlinjer för navigation i mobilgränssnitt Senast uppdaterad 2014-02-21 Funka Nu AB Döbelnsgatan 21, 111 40 Stockholm 08-555 770 60 kontakt@funkanu.se Innehåll Inledning... 3 Bakgrund... 3 Projektupplägg...

Läs mer

WEBBTEKNIK. Ämnets syfte

WEBBTEKNIK. Ämnets syfte WEBBTEKNIK Webbteknik används för att utveckla och vidareutveckla statiska och dynamiska webbsidor, webbplatser, webbapplikationer eller andra applikationer där webbtekniker används, till exempel applikationer

Läs mer

WEBBTEKNIK. Ämnets syfte

WEBBTEKNIK. Ämnets syfte WEBBTEKNIK Webbteknik används för att utveckla och vidareutveckla statiska och dynamiska webbsidor, webbplatser, webbapplikationer eller andra applikationer där webbtekniker används, till exempel applikationer

Läs mer

Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014

Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014 Fejjan för alla 1.0 Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014 Fejjan för alla gör det lättare för personer med olika typer av funktionsnedsättningar

Läs mer

Teater 23:s arbete med tillgänglig webb

Teater 23:s arbete med tillgänglig webb Teater 23:s arbete med tillgänglig webb 2017-01-18 Dagens schema 10.00 Introduktion, vad är tillgänglighet, struktur Paus 11.00 Workshop struktur, text 11.45 Lunchpaus 13.00 Workshop text 13.30 Teknik

Läs mer

Labbrapport: HTML och CSS

Labbrapport: HTML och CSS Labbrapport: HTML och CSS Utförd av: Natalie Olmosse Mailadress: natalie.olmosse@gmail.com Datum: 2015 12 18 Kursansvarig: Karin Fahlquist Övriga lärare: Ulrik Söderström Första inlämningen Resultat (Godkänd/Retur):

Läs mer

Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum: 2011-10-03

Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum: 2011-10-03 Laborationsanvisning HTML5 Laboration 6 Författare: Johan Leitet Version: 1 Datum: 2011-10-03 Inledning I denna avslutande laboration ska du testa att märka upp en sida med de nya taggarna i HTML5. Mikroformat

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 8 Formulär övningar/uppgi6er Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument

Läs mer

Struktur & Layout med CSS

Struktur & Layout med CSS 1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs

Läs mer

Vägledningen för webbutveckling webbriktlinjer.se. Björn Hagström bjorn.hagstrom@enterprise.ministry.se @bjornhagstrom

Vägledningen för webbutveckling webbriktlinjer.se. Björn Hagström bjorn.hagstrom@enterprise.ministry.se @bjornhagstrom Vägledningen för webbutveckling webbriktlinjer.se Björn Hagström bjorn.hagstrom@enterprise.ministry.se @bjornhagstrom Om mig 50% på Edelegationen. Ansvarar för psi och vägledningen för webbutveckling 50%

Läs mer

Tentamen på kursen Webbdesign, 7,5 hp

Tentamen på kursen Webbdesign, 7,5 hp Högskolan i Borås Sektionen för informationsteknologi Akademin för bibliotek, information, pedagogik och IT Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2015-11-03, kl. 09.00-13.00

Läs mer

Visma Proceedo. Att logga in - Manual. Version 1.3 / 140414 1

Visma Proceedo. Att logga in - Manual. Version 1.3 / 140414 1 Visma Proceedo Att logga in - Manual Version 1.3 / 140414 1 Innehållsförteckning 1) INLOGGNING VIA VERKTYG OCH SYSTEM... 3 2) INTERNET EXPLORER... 6 2.1 Java... 6 2.2 Popup-fönster... 8 2.3 Browser, 32-

Läs mer

Bilaga 3b. Användbarhet. Upphandling av ett helhetsåtagande avseende IT-stöd för pedagogiskt material inom Skolplattform Stockholm

Bilaga 3b. Användbarhet. Upphandling av ett helhetsåtagande avseende IT-stöd för pedagogiskt material inom Skolplattform Stockholm SID 1 (12) Bilaga 3b Användbarhet Förfrågningsunderlag Upphandling av ett helhetsåtagande avseende IT-stöd för pedagogiskt material inom Skolplattform Stockholm Box 22049, 104 22 Stockholm. Besöksadress

Läs mer

En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor

En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor av Jenni Berndtson - jb222rt Malmö 2013-05-31 1 Abstrakt Syftet med denna rapport är att kort sammanfatta det projektarbete

Läs mer

24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den

24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den 24-timmarswebben WebPublish gör det möjligt att skapa läsvänliga sidor. Vi tycker att det är en självklarthet att informationen på en webbplats ska vara tillgänglig för och kunna läsas av så många som

Läs mer

Visma Proceedo Att logga in - Manual

Visma Proceedo Att logga in - Manual Visma Proceedo Att logga in - Manual Version 1.1 / 131028 1 Innehållsförteckning 1) INLOGGNING VIA VERKTYG OCH SYSTEM... 3 2) INTERNET EXPLORER... 6 2.1 Java... 6 2.2 Popup-fönster... 8 2.3 Browser, 32-

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

Nya Mina vårdkontakter. En presentation över det nya gränssnittet för invånare

Nya Mina vårdkontakter. En presentation över det nya gränssnittet för invånare Nya Mina vårdkontakter En presentation över det nya gränssnittet för invånare Nyheter i nya Mina vårdkontakter Responsiv design gör Mina vårdkontakter tillgänglig även i mobiltelefon och surfplatta Stöd

Läs mer

Modul 8 Hantering av indata

Modul 8 Hantering av indata Modul 8 Hantering av indata Indata De flesta webbplatser idag tillåter användare att mata in data Utan denna möjlighet hade inte webben varit vad den är idag Tyvärr innebär detta stora säkerhetsrisker

Läs mer

Användarperspektivet och teknikperspektivet

Användarperspektivet och teknikperspektivet Användarperspektivet och teknikperspektivet För att förenkla så måste vi ständigt utveckla! Om lärare och elever behöver utbildning i Skola24 har vi misslyckats. Den osynliga tekniken är den bästa tekniken

Läs mer

Undervisningen ska ge eleverna tillfälle att arbeta i projekt samt möjlighet att utveckla kunskaper om projektarbete och dess olika faser.

Undervisningen ska ge eleverna tillfälle att arbeta i projekt samt möjlighet att utveckla kunskaper om projektarbete och dess olika faser. WEBBTEKNIK Webbteknik används för att utveckla och vidareutveckla statiska och dynamiska webbsidor, webbplatser, webbapplikationer eller andra applikationer där webbtekniker används, till exempel applikationer

Läs mer

Webbprogrammering. Sahand Sadjadee

Webbprogrammering. Sahand Sadjadee Webbprogrammering Sahand Sadjadee Agenda Webb The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Sök till Legionen! Förra gången MuddyCards PHP Lab 4. Agenda Webbtermer och annat som är bra att veta Bildoptimering Javascript jquery Portfolio Avstämning kurs. Webbsida Webbsida

Läs mer

- analys av publiceringsverktyg för EPUB3, EPUB3-läsare samt tester med användare

- analys av publiceringsverktyg för EPUB3, EPUB3-läsare samt tester med användare EPUB 3-studie - analys av publiceringsverktyg för EPUB3, EPUB3-läsare samt tester med användare Studien är genomförd av ETU på uppdrag av Myndigheten för delaktighet och Myndigheten för tillgängliga medier

Läs mer

Hantering av Säkerhetskod för Telia E-legitimation

Hantering av Säkerhetskod för Telia E-legitimation Hantering av Säkerhetskod för Telia E-legitimation Byt säkerhetskod (PIN)... 2 Telia E-legitimation på kort...2 Windows...2 MacOS & Ubuntu...3 Telia E-legitimation på fil i datorn...5 Lås upp säkerhetskod

Läs mer

Tilläggsanslag Projekt linkoping.se Next Generation

Tilläggsanslag Projekt linkoping.se Next Generation KKKs 2015- Tjänsteskrivelse 2015-06-01 1 (8) Kommunledningskontoret Dnr KS 2015-507 Tilläggsanslag Projekt linkoping.se Next Generation KOMMUNLEDNINGSKONTORETS FÖRSLAG TILL BESLUT Förslag till kommunstyrelsens

Läs mer

Riktlinjer för utveckling av tillgängliga mobilgränssnitt Senast uppdaterad 2012-04-30

Riktlinjer för utveckling av tillgängliga mobilgränssnitt Senast uppdaterad 2012-04-30 Riktlinjer för utveckling av tillgängliga mobilgränssnitt Senast uppdaterad 2012-04-30 Funka Nu AB Döbelnsgatan 21, 111 40 Stockholm 08-555 770 60 kontakt@funkanu.se Innehåll Inledning... 3 Om riktlinjerna...

Läs mer

Konsult: Mats Lindblad; Kontaktperson: Mats Lindblad; Tel: 070 249 11 24; E-post: mats.lindblad@gmail.com;

Konsult: Mats Lindblad; Kontaktperson: Mats Lindblad; Tel: 070 249 11 24; E-post: mats.lindblad@gmail.com; Webbutvecklare med 14 år bakom tangentbordet Konsult: Mats Lindblad; Kontaktperson: Mats Lindblad; Tel: 070 249 11 24; E-post: mats.lindblad@gmail.com; Expertisområde: Webbutveckling, HTML5, CSS3, JavaScript,

Läs mer

Expertgranskning: Mälardalens Högskola

Expertgranskning: Mälardalens Högskola Expertgranskning: Mälardalens Högskola Funka Nu AB Döbelnsgatan 21, 111 40 Stockholm 08-555 770 60 kontakt@funkanu.se Fakta om rapporten Beställare: Mälardalens Högskola, Per- Arne Hermansson, per- arne.hermansson@mdh.se

Läs mer

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum: 2012-10-09

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum: 2012-10-09 Projektanvisning Webbsideprojekt Författare: Johan Leitet Version: 2 Datum: 2012-10-09 Inledning Du har nu under ett antal laborationer i webbteknik fått relativt styrda uppgifter där du ensam fått lösa

Läs mer

Registrering för rapporteringstjänsten Energiapeili

Registrering för rapporteringstjänsten Energiapeili 1 (5) Registrering för rapporteringstjänsten Energiapeili Registrering För att registrera dig för rapporteringstjänsten Energiapeili behöver du dina personliga bankkoder. Du kan använda de vanligaste nätbankernas

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se Användbarhet Bryt rätt regler Nils Ehrenberg nils.ehrenberg@mah.se Agenda Intro till Användbarhet Användbarhet på nätet Exempel Fyra dörrar Inlämningsuppgift Viktigt En skala Subjektivt Användbarhet /

Läs mer

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov Webbtillgänglighet Tillgänglighet på webben Att göra webbsidor så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra sidor tillgängliga oavsett vilken inoch utmatningsutrustning

Läs mer

Vaka Användarmanual. Användarmanual. VAKA Passersystem

Vaka Användarmanual. Användarmanual. VAKA Passersystem Användarmanual VAKA Passersystem axema Sida 1 Copyright Axema Access Control AB, Stockholm 2012. 200xx-sv Vaka användarmanual Axema Access Control AB är ett svenskt säkerhetsföretag som sedan 1992 utvecklar

Läs mer

[Plats för ev. illustration] Projektrapport inom Datateknik, Webbanvändbarhet, 7,5 poäng. Webbplats. Bergsåkers Pensionärers Biljardklubb

[Plats för ev. illustration] Projektrapport inom Datateknik, Webbanvändbarhet, 7,5 poäng. Webbplats. Bergsåkers Pensionärers Biljardklubb MITTUNIVERSITETET Institutionen för informationsteknologi och medier (ITM) Lärare: Mikael Hasselmalm, Mattias Dahlgren Författarens e-postadress: mawe0507@student.miun.se Utbildningsprogram: Webbutveckling,

Läs mer

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion Webbteknik En kort introduktion Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender 1 Historisk återblick 89 CERN Tim Berners Lee Ett plattformsoberoende sätt att sprida

Läs mer

Svenska kommuners webbplatser 31 + och deras tillgänglighet. Webbtillgänglighet, kommuner, Verva, 24-timmarssamhället

Svenska kommuners webbplatser 31 + och deras tillgänglighet. Webbtillgänglighet, kommuner, Verva, 24-timmarssamhället Institutionen för data- och systemvetenskap Kandidatuppsats Slutseminariedatum 11 maj 2007.................. Författare Uppsatsnummer Johan Bergman Titel Antal sidor Svenska kommuners webbplatser 31 +

Läs mer

Webbteknik för ingenjörer

Webbteknik för ingenjörer Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera

Läs mer

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Innehåll Inledning... 3 Fakta... 4 Innehåll... 4 Texthantering... 4 Granskning och versionshantering...

Läs mer

Kommunikation. Dator med webbläsare Förfrågan: Webserver. Returnerar HTML-kod

Kommunikation. Dator med webbläsare Förfrågan:  Webserver. Returnerar HTML-kod html och css Kommunikation Dator med webbläsare Förfrågan: http://www.umu.se Webserver Returnerar HTML-kod Webbläsare Chrome Firefox Internet Explorer Safari Opera Källa : http://www.w3schools.com/browsers/

Läs mer

Laboration 4. Laboration 4, Formulärvalidering. Inledning. Observera. Mål. Genomförande

Laboration 4. Laboration 4, Formulärvalidering. Inledning. Observera. Mål. Genomförande Laboration 4 Laboration 4, Formulärvalidering Observera För att bli godkänd på laborationen ska din källkod följa den standard vad det gäller kommentering, val av variabelnamn m.m. som gåtts igenom på

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

Fältstudier. Torsdagen den 13 november K2. Ann Lantz Sinna Lindqvist

Fältstudier. Torsdagen den 13 november K2. Ann Lantz Sinna Lindqvist Fältstudier Torsdagen den 13 november 15-17 K2 Ann Lantz alz@nada.kth.se Sinna Lindqvist Sinna@nada.kth.se Fältstudier Fält Målgrupp Funktionshinder Design för alla 24-timmars myndigheten Web Accessibility

Läs mer

Guide för kunder med Nordea e-legitimation

Guide för kunder med Nordea e-legitimation Dok namn: Guide för kunder Typ: typ Sida: 1(24) Beslutsfattare: beslutsfattare Status: status Datum: 2013-04-10 Ägare: Servicedesk Version: 1.0 Guide för kunder med Nordea e-legitimation Innehåll Guide

Läs mer

Visuell design Bilder & färger

Visuell design Bilder & färger 1ME321 Webbteknik 1 Lek0on 8 Visuell design Bilder & färger Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 43 Läsanvisningar UpphovsräPslagen Kort sammanfapning

Läs mer

Kort om World Wide Web (webben)

Kort om World Wide Web (webben) KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.

Läs mer

SKOLFS. På Skolverkets vägnar. GENERALDIREKTÖREN Enhetschef

SKOLFS. På Skolverkets vägnar. GENERALDIREKTÖREN Enhetschef Föreskrifter om ändring i Skolverkets föreskrifter (SKOLFS 2010:248) om ämnesplan för ämnet webbteknik i gymnasieskolan och inom kommunal vuxenutbildning på gymnasial nivå; beslutade den -- maj 2015. Med

Läs mer

Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)

Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Laboration 1: Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet

Läs mer

Laboration 2: Xhtml och CSS.

Laboration 2: Xhtml och CSS. Laboration 2: Xhtml och CSS. Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet kommer att bli en webbplats med layout, bakgrundsbilder, minst en meny och

Läs mer

Vägledningen 24-timmarswebben effektivare och bättre service på webbplatser

Vägledningen 24-timmarswebben effektivare och bättre service på webbplatser Klart språk i Norden Titel: Forfatter: Vägledningen 24-timmarswebben effektivare och bättre service på webbplatser Sofia Albinsson Kilde: Klart språk i Norden, 2009, s. 31-40 URL: http://ojs.statsbiblioteket.dk/index.php/ksn/issue/archive

Läs mer

Ge ditt supportärende en flygande start. Tips och fallgropar.

Ge ditt supportärende en flygande start. Tips och fallgropar. Ge ditt supportärende en flygande start Tips och fallgropar. Vi upplever problem vid redigering. Vad är problemet? Klas Hedström Supportmedarbetare klas.hedstrom@sitevision.se VI PÅ SUPPORTEN 5 Ge ditt

Läs mer

SVTi, Stockholm. Hej!

SVTi, Stockholm. Hej! SVTi, Stockholm Hej! De här riktlinjerna har tagits fram för att vi ska kunna samarbeta på ett bra sätt. Du som leverantör ska veta vilka krav som ställs på din leverans för att minimera risken för ogjort

Läs mer

Braille Edge 40 140905

Braille Edge 40 140905 Braille Edge 40 140905 1. Inledning Braille EDGE 40 är en 40-teckens punktdisplay tillverkad av HIMS. För användning av personer med synnedsättning. Den kan bl.a. användas som punktdisplay för Windows,

Läs mer

Labora&on 3 HTML och struktur övningar/uppgi:er

Labora&on 3 HTML och struktur övningar/uppgi:er Labora&on 3 HTML och struktur övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Skapa em nym HTML-dokument I denna labora&on ska du skapa tre sidor, som

Läs mer

3/2015. PDF Accessibility Days, Köpenhamn. 12-13 november 2015. PDF/UA - den rekommenderade ISO-standarden för tillgänglig PDF.

3/2015. PDF Accessibility Days, Köpenhamn. 12-13 november 2015. PDF/UA - den rekommenderade ISO-standarden för tillgänglig PDF. OpenFormat är nyhetsbrevet för alla verksamheter som hanterar information och dokument i digital form där krav finns på att informationen är tillgänglig, sökbar, läsbar och återanvändbar för framtiden

Läs mer

Plattform för digital tillgänglighet

Plattform för digital tillgänglighet Plattform för digital tillgänglighet 1 2 INNEHÅLL Inledning...4 Målgrupper...5 Definitioner...5 Synskada...5 Tillgänglighet...5 Användbarhet...5 Skärmläsare...6 Punktskriftsdisplay eller punktskriftsskärm...6

Läs mer

LUVIT LMS Quick Guide LUVIT Composer

LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

Läs mer

1. Hur öppnar jag Polisens blanketter / formulär, trycksaker och annat som är i PDF-format?

1. Hur öppnar jag Polisens blanketter / formulär, trycksaker och annat som är i PDF-format? PDF-tips Vill du veta mer eller har problem med att ladda ner eller att öppna PDF-filer på polisen.se? Här får du några tips. 1. Hur öppnar jag Polisens blanketter / formulär, trycksaker och annat som

Läs mer

Översikt Föreläsning 1. Trivicalc. Vad är trivicalc? En cell. Områden på skärmen. SMD168/SMD135 Fredrik Bengtsson

Översikt Föreläsning 1. Trivicalc. Vad är trivicalc? En cell. Områden på skärmen. SMD168/SMD135 Fredrik Bengtsson Översikt Trivicalc SMD168/SMD15 Fredrik Bengtsson bson@sm.luth.se Föreläsning 1 Introduktion till Trivicalc - problem Föreläsning Grafiska Användargränssnitt Föreläsning del 1 Versionshantering CVS (Johan

Läs mer

Socialdepartementet via e-post till

Socialdepartementet via e-post till REMISSYTTRANDE Vår referens: 2016/03/0014 Er referens:s2016/01695/fst4 2016-04-13 Socialdepartementet via e-post till s.registrator@regeringskansliet.se s.fst@regeringskansliet.se Förslag till Europaparlamentets

Läs mer

Introduktion till programmering. Programspråk och paradigmer

Introduktion till programmering. Programspråk och paradigmer Introduktion till programmering Programspråk och paradigmer Vad är ett programspråk? Aprogramming languageis a formal constructedlanguagedesigned to communicate instructions to a machine, particularly

Läs mer

Webbprogrammering 725G54

Webbprogrammering 725G54 Webbprogrammering 725G54 Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1. Kursmål exemplifiera

Läs mer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

Läs mer

Release Notes. Axiell Arena Dokumentet uppdateras löpande

Release Notes. Axiell Arena Dokumentet uppdateras löpande Release Notes Axiell Arena 2.7.2 Dokumentet uppdateras löpande 2014-12-19 i INNEHÅLL 1. ANVÄNDARE 3 1.1 ÄNDRA ADRESS 3 1.2 LOGIN 3 1.3 SKAFFA LÅNEKORT 3 1.4 MINA LÅN 3 2. KATALOG 4 2.1 TIDIGARE SÖKNING

Läs mer

Tillgänglighet och teknologi en omöjlig möjlighet?

Tillgänglighet och teknologi en omöjlig möjlighet? en omöjlig möjlighet? Katarina Mühlenbock, datalingvist, fil dr DART 2014-06-02 Dagens presentation Vad är tillgänglighet, kommunikation, information? Webbtillgänglighet Vad är språkteknologi? Hur kan

Läs mer

Användarhandledning. edwise Webbläsarinställningar 2012-10-24

Användarhandledning. edwise Webbläsarinställningar 2012-10-24 Användarhandledning edwise Webbläsarinställningar 2012-10-24 Sida 2/11 Innehållsförteckning 1 Webbläsarinställningar... 3 1.1 Internet Explorer Kompatibilitetsläge... 3 1.1.1 Inställningar för kompatibilitetsvyn...

Läs mer

Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva

Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva Vägledningen 24-timmarswebben få fler att använda er webbplats Magnus Burell, Verva Källa: Skrotbil: Håll Sverige rent, www.hsr.se Källa: The Design of Everyday Things, Donald Norman SAS Coffee Pot: www.ergonomidesign.se

Läs mer

eklient Objekt 1 Livscykelplaner i Samverkan 2016-02-09 Livscykelplaner eklient 1.5

eklient Objekt 1 Livscykelplaner i Samverkan 2016-02-09 Livscykelplaner eklient 1.5 eklient Objekt 1 Livscykelplaner i Samverkan 2016-02-09 1 eklient Livscykelplan Revisionshistorik Datum Version Förändring 2014-04-25 0.96 Windows 7 SP1 som sekundärt OS från 1 okt 2015 2014-09-27 0.97

Läs mer