Usability & accessibility. Användbarhet & tillgänglighet

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "Usability & accessibility. Användbarhet & tillgänglighet"

Transkript

1 Usability & accessibility Användbarhet & tillgänglighet

2 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

3 Tillgänglighet Första hindret, utan tillgång ingen användning

4 Lagar FN, mänskliga rättigheter 21 Everyone has the right of equal access to public service in his country Sverige, liknande lagar men uppdelade på flera ställen

5 Everyone Man menar verkligen alla Man radar inte upp några undantag

6 Equal Jämlik är inte detsamma som lika Alla får samma broschyr, lika Alla får samma information men i olika former, jämlik Till var och en efter var och ens behov

7 Public service Kommun, stat, landsting, självklart Men även bank, post, försäkring, matbutiker, tåg, buss...

8 Sverige deadline 2010 Patient till medborgare (PDF på webbplatsen) FN, tog en ny resolution 30/3 Convention on the Right of Persons with Disabilities (PDF på webbplatsen)

9 Funktionshinder Fysiska (nedsatt syn, hörsel, nervskador...) Kognitiva (dyslexi, dyskalkyli...) 1.3 miljoner i Sverige 650 miljoner i världen

10 Funktionshinder Varierar med miljö Åk till Ryssland eller Japan och försök klara er utan hjälp

11 Klara sig själv Grunden i Sverige Inte enbart gott Självförtroende (saker man gör) Självkänsla (jag som individ) Självtillit självförtroende + självkänsla

12 Webbutveckling Måste utveckla tillsammans med användarna WAI 2, kommer kanske att bli helt automatiserat Men man kommer aldrig att kunna kontrollera allt automatiskt, tex språk, logisk struktur...

13 WAI Web Accessibility Initiative Statskontorets, Vervas 24-timmars myndigheten USA section 508

14 WCAG Web Content Accessibility Guidelines A, de viktigaste/största hindren undanröjda AA, alla hinder undanröjda AAA, alla hinder borta, plus extra funktioner som underlättar Section 508, A

15 Webbdesign Struktur och navigering Gäller alla, med eller utan funktionshinder Kan man mäta detta automatiskt?

16 Struktur - navigering Följa standarder Kundvagn - tomtesläde Framåt - bakåt Länkfärger Namn, skärm, bildskärm, monitor, singularis eller pluralis

17 Struktur? Aftonbladet - DN Apple Namn, jfr olika kommuner

18 Tre frågor Var är jag? Vart kan jag gå? Var har jag varit? Och inte ta alltför mycket skärmyta Litteraturtips: vad som helst med Jakob Nielsen

19 Struktur Oftast trädstruktur Praktiskt, använda Word och Whiteboard Testa, testa och testa Vanligaste felet, organisationsstruktur, inte struktur anpassad för besökaren

20 Med sunt förnuft kan man komma långt Ett klick för att ta sig tillbaka till första sidan

21 Skilj på innehåll och utseende HTML för innehåll och struktur (helst XHTML) CSS för utseende <em> helt annat än <i> <h1> helt annat än.huvudrubrik

22 Google är blind h1 huvudrubrik h2 underrubrik h3 mellanrubrik h4 ingress h5 bildtext h6 byline Men för AA måste man nästla H rätt

23 Språk Så enkelt och lättläst som möjligt (målgrupp) Inte säkert att alla läser allt Inte säkert att alla börjar från början En webbplats för alla? Eller flera riktade webbplatser?

24 Lättläst Klarspråk:

25 Mer än svenska Officiella språk i Sverige Samiska, finska, meänkiele, romani, jiddisch (och teckenspråk) Största minoritetsspråken? Finska, norska, danska, engelska, spanska, franska, kurdiska, serbokroatiska, persiska/ farsi, thai, arabiska

26 Vilka språk Jämför vilka språk olika myndigheter stödjer Kommuner, invånare - turister

27 Typografi Georgia och Verdana de bästa skärmtypsnitten som alla har Läshastighet, motivation

28 Andale Mono Arial Arial Black Courier New Comic Sans MS Georgia Impact Times New Roman Trebuchet MS Verdana

29 Bra typsnitt för skärm Lite rundare och bredare, stort hålrum inuti bokstäverna Hög X-höjd Kraftiga grundstreck och seriffer Hellre Opentype än Truetype Vem gjorde typsnittet, i vilket syfte

30 Från vänster: Georgia, Palatino, New Century Schoolbook, Times New Roman, Hoefler, Goudy, Garamond Från vänster: Charcoal, Verdana, Trebuchet, Arial, Helvetica, Lucida Grande, Franklin, Gill

31

32

33 Plats Times New Roman = 100% Georgia 110% Arial 110% Verdana 120%

34 Skärm jfr papper Något större text Något större radavstånd Något kortare rader (typsnittet tar mer plats) Tydligare styckeindelning Kursiv och understruken alltför svårläst, fet stil bättre

35 Listor ofta bra på skärm (bättre än på papper) Man kan använda förstaradsindrag men det bör vara något större

36 Färg Tillräcklig kontrast (mindre grad kräver större kontrast) Färg får inte ha betydelse, bara dekoration (erbjud alternativ) Skärm utan färg, färgblind

37 Färg betydelse Symbolisk betydelse Sorg, svart i Sverige, vit i Asien Blått är flott, gult är fult, grönt är skönt Purpur endast för högre adel

38 Färg betydelse Måndag, grön Tisdag, blå Onsdag, vit Torsdag, brun Fredag, gul 1 dl, röd 1/2 dl, svart 1 msk, orange 1 tsk, gul 1 krm, vit Lördag, rosa Söndag, röd Trafikljus

39 Stilmallar, CSS Erbjuda alternativa stilmallar Tex Instruktioner om hur man själv anpassar sin webbläsare

40 CSS Ange alternativ för typsnitt Aldrig!Important CSS för layout, koden i rätt ordning

41 Webbläsare Internet Explorer 6, vanligast och sämst Firefox, bäst? IE 7, bättre men få använder Fortfarande 1% IE 5 Nån % av varje, Safari, Camino, Netscape, Opera, Mozilla...

42 Lär känna webbläsaren Stänger av och på bilder, javascript mm Förstorar/förminskar Navigera med tangentbordet CSS-problem Kan man använda en egen stilmall

43 Lässvårigheter Förutom språk, struktur och typografi Intelligent sökfunktion (tillåta stavfel) 30% av sökningarna inget resultat Site-map (enklare att känna igen ord än att stava/gissa själv)

44 Talsyntes Oftast meningslöst på webservern De som behöver talsyntes har det oftast själva Ska man ha det måste användaren själv kunna välja vad som ska läsas upp

45 Talsyntes Kombineras med en skärmläsare (tex jaws) Tolkar webbsidan, skickar vidare till talsyntesen Ofta i kombination med ett brailletangentbord lang=sv, en...

46 Ljud Ljud också som text Undertexter, SMIL Alternativ sida (longdesc) Ljudet så rent som möjligt

47 Video Video också som text Undertexter, SMIL Alternativ sida (longdesc)

48 Skärmstorlek 640 x 480 eller 800 x 600 pixlar Nervskada, synskada, rullstol... Absolut inte scrolla horisontellt

49 Uppkoppling En majoritet använder bredband Men många använder fortfarande modem Surfa mot en diskett ( hastighet som modem)

50 Webbsidan INTE auto-uppdatering eller pop-up fönster Pop-up meny helst en OK-knapp INTE java-script för navigering Undvik Flash (kan funka ibland) Varje frame måste ha ett bra och logiskt namn

51 Länkar Länkar måste ha bra/logiska namn Ev lägga till title Tabindex för bättre ordning av länkar Kunna hoppa över långa listor med länkar

52 Bilder Bilder ska ha alt-texter (förutom om de bara är dekor) Nyhetsgrafik, ge text-alternativ (longdesc)

53 Tabeller INTE tabell i tabell Använd TH för tex tidtabeller Tabeller för tabelldata (helt inte layout) Lista istället för tabell?

54 <table summary= sundsvall hudiksvall busstidtabell > <tr> <td></td> <th scope= col >Buss 1</th> <th scope= col >Buss 2</th> </tr> <tr> <th scope= row >Sundsvall</th> <td>12.00</td> <td>14.00</td> </tr> <tr> <th scope= row >Hudiksvall</th> <td>13.10</td> <td>15.10</td> </tr> </table>

55 Flash & PDF Bättre och bättre användbarhet men inte perfekt Adobe arbetar hårt (äger både PDF och Flash)

56 Kom ihåg Du kan inte hjälpa alla Men varje litet steg räknas En utmaning

57 Checklista Skärm 800 x 600 pixlar Surfa utan bilder, använd bara tangentbordet Flytta stolen 40 cm bakåt Lägg dina webbsidor på en diskett Validera HTML och CSS Testa i olika webbläsare, olika märken, gamla & nya, Mac & PC

58 Länktips

Grafisk design För synskadade och lite om dyslexi

Grafisk design För synskadade och lite om dyslexi Grafisk design För synskadade och lite om dyslexi Färgblind Tritanopi/tritanomali, blått Protanopi/protanomali, röd Deuteranopi/deuteranomali, grönt Röd-grön vanligast Gul-blå ovanlig Mycket ovanligt,

Läs mer

Att göra-lappar för digital tillgänglighet

Att göra-lappar för digital tillgänglighet Att göra-lappar för digital tillgänglighet 18 konkreta åtgärder för att: - Göra digitala tjänster enklare, tryggare och mer effektiva - Uppfylla nya lagkrav - Nå fler användare webbriktlinjer.se Vad är

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

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

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

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

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Regler för publicering på www.vimmerby.se

Regler för publicering på www.vimmerby.se Regler för publicering på www.vimmerby.se Antagen av kommunstyrelsen 2006-04-04 100 VIMMERBY KOMMUN 1. Kommunledningskontoret Kanslienheten LHR Regler för publicering på www.vimmerby.se 1. Inledning Internet

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

Ö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

WD406F - Interaktiva medier I 7,5hp Moment: Web Usability Inlämningsuppgift 1ab. Wynona Ekesrydh 2010-12-13

WD406F - Interaktiva medier I 7,5hp Moment: Web Usability Inlämningsuppgift 1ab. Wynona Ekesrydh 2010-12-13 Här följer min reflektion över innehållet i Jonathan Lazars bok Web Usability, kapitel 1 2, 6 7. Webbanvändbarhet För att infrastrukturen ska fungera behövs system som på ett enkelt och effektivt sätt

Läs mer

Användarmanual för Content tool version 7.5

Användarmanual för Content tool version 7.5 Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN

Läs mer

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, Tillgänglighetskrav på interaktion och design 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

Läs mer

ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande

ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande Hjälpmedel: Kurslitteratur, utdelade papper, webbdesignskolan, samt World Wide Web. Tillåtna program att skriva kod i är Anteckningar eller

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

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

Användbarhet för webben MDI, Webb och speciella behov 1

Användbarhet för webben MDI, Webb och speciella behov 1 Användbarhet för webben MDI, Webb och speciella behov 1 Hur används webben? Webbsidor läses inte, de skummas! Således, designa för att de ska skommas scanability Vi gör inga optimala val, vi söker något

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

Spelschema för årets fotbollsmästerskap! island tyskland Söndag 14/7 Växjö Arena, Växjö. Söndag 14/7 Kalmar Arena, Kalmar

Spelschema för årets fotbollsmästerskap! island tyskland Söndag 14/7 Växjö Arena, Växjö. Söndag 14/7 Kalmar Arena, Kalmar ! Onsdagen 10/7 Onsdagen 10/7 Torsdag 11/7 Torsdag 11/7, Fredag 12/7 Fredag 12/7 Lördag 13/7 Lördag 13/7 Söndag 14/7 Söndag 14/7 Måndag 15/7 Måndag 15/7 Tisdag 16/7 Tisdag 16/7 Onsdag 17/7 Onsdag 17/7

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

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

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

Hja lp till Mina sidor

Hja lp till Mina sidor Hja lp till Mina sidor Vanliga Frågor Varför godkänner inte Mina sidor mitt personnummer trots att jag har prövat flera gånger och är säker på att jag skrivit rätt? Du behöver använda ett 12 siffrigt personnummer

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

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

Tillgänglighet som en naturlig del i våra projekt. Sid 1 Mars 2016 Tillgänglighet Tillgänglighet som en naturlig del i våra projekt Sid 1 Mars 2016 Tillgänglighet Sid 2 Mars 2016 Tillgänglighet Responsiv webb Projektet Responsiv webb 28 nov 2015 Responsiva produkten v 1.0 Maj 2016 Responsiva

Läs mer

Don t make me think Steve Krug

Don t make me think Steve Krug Don t make me think Steve Krug Martin Lindqvist Användbarhet och tillgänglighetsbegreppet Användbarhet -förmåga hos en produkt att kunna användas för ett visst syfte eng. usability Verkningsfullhet (Mål)

Läs mer

Vad är Typografi och Layout

Vad är Typografi och Layout Vad är Typografi och Layout Typografi: Att ge form åt dokumentets bokstäver, ord, meningar, stycken och rubriker. Layout: Att lägga ut text och bild på en sida så att den blir tilltalande och lätt för

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

1 INLEDNING. Välkommen till det digitala utbildningskortet.

1 INLEDNING. Välkommen till det digitala utbildningskortet. INNEHÅLL 1 Inledning... 3 1.1 Typografiskt i manualen... 4 2 Systemkrav... 5 2.1 Webbläsare... 5 2.2 Internet... 5 3 Utbildningskortet... 6 3.1 Dagsschema... 6 4 Utbildningskort - Översikt... 10 5 De praktiska

Läs mer

för att göra informationen tillgänglig Den här checklistan är ett verktyg då du och dina kollegor ska se över er kommunikation och information.

för att göra informationen tillgänglig Den här checklistan är ett verktyg då du och dina kollegor ska se över er kommunikation och information. Checklista för att göra informationen tillgänglig När du kommunicerar och tar fram information finns det mycket du kan göra för att alla ska kunna ta del av dina budskap. För att informationen ska vara

Läs mer

Responsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 2014-02-17 1

Responsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 2014-02-17 1 Responsiv webbplats Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 1 Vad är responsivt? Det betyder att webbplatsen känner av vilken skärmstorlek användaren surfar

Läs mer

12 Webb och kurshemsidor

12 Webb och kurshemsidor 12 Webb och kurshemsidor Många lärare använder sig av kurswebbsidor eller egna personliga webbsidor som ett ställe att samla information och dokumentation kring sitt arbete. Om du ska skapa en webbsida,

Läs mer

Inför prov 1 i webbdesign

Inför prov 1 i webbdesign Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke

Läs mer

Anpassning av Windows 7 och Word 2010

Anpassning av Windows 7 och Word 2010 Anpassning av Windows 7 och Word 2010 Det finns en hel del små förändringar man kan göra för att det ska bli lättare att navigera i datorn, läsa och skriva. Med kortare rader, tydligt typsnitt större avstånd

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

Lektion 2 - CSS. CSS - Fortsätt så här

Lektion 2 - CSS. CSS - Fortsätt så här Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt

Läs mer

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1 Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min

Läs mer

1 Detta fält hämtar värdet från den primära adressen på webbplatsen. Kontrollera att den primära adressen stämmer under "Webbplatsinställningar".

1 Detta fält hämtar värdet från den primära adressen på webbplatsen. Kontrollera att den primära adressen stämmer under Webbplatsinställningar. Tillgänglighetsanpassning SiteVision För att göra webbplatsen mer tillgänglig i SiteVision har vi samlat några tips. Tipsen gäller hur man kan ställa in centrala inställningar i SiteVision, vilka moduler

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011

Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011 Webbkurs för distriktsansvariga Stockholm den 7 och 13 september 2011 Klistra in text från Word Klistra in: all formateringskod från Word kommer med och är den som styr det webbläsaren visar, även om man

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

Användbarhet för webben

Användbarhet för webben Användbarhet för webben Varför är webben extra viktig? Användningen av webbaserade aplikationer ökar mycket kraftigt och håller i vissa fall på att ersätta vanliga datorprogram. Webmail, Kallendrar, uppslagsverk

Läs mer

Användbarhet för webben

Användbarhet för webben Användbarhet för webben Varför är webben extra viktig? Användningen av webbaserade aplikationer ökar mycket kraftigt och håller i vissa fall på att ersätta vanliga datorprogram. Webmail, Kallendrar, uppslagsverk

Läs mer

VERSION 2.0 SEPTEMBER 2010. grafısk manual

VERSION 2.0 SEPTEMBER 2010. grafısk manual VERSION 2.0 SEPTEMBER 2010 grafısk manual Om grafıska manualen Ett viktigt led i vårt informationsarbete är att ha ett gemensamt utseende. Att vara konsekvent med logotype, typsnitt och färger ger tydlighet

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

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

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

Styla och formatera text

Styla och formatera text Nivå 2 Styla och formatera text All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You

Läs mer

Manual till publiceringssystemet WebMe

Manual till publiceringssystemet WebMe Manual till publiceringssystemet Senast ändrad augusti 2010 Innehåll Logga in... 3 Översikt av sidor/funktioner... 3 Innehåll... 3 Användare... 3 Utseende... 3 Inställningar... 3 Bygg formulär... 4 Postade

Läs mer

WEB OPEN FONT FORMAT

WEB OPEN FONT FORMAT WEB OPEN FONT FORMAT Bakgrund Inte långt efter att designmöjligheterna på Internet utvecklades kom kraven från formgivarna om att att få berika sin grafiska form genom att använda egna typsnitt på Internet.

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

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

Kom igång med FrontPage 2003

Kom igång med FrontPage 2003 Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker

Läs mer

Vetenskapliga affischer

Vetenskapliga affischer Vetenskapliga affischer En forsknings affisch/poster Sammafatta information eller forskning kortfattat och tilltalande Publicera resultat Skapa diskussion (diskussions underlag) 1 Reklam för ditt arbete

Läs mer

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle. Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera

Läs mer

Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker

Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker Riktlinjer för och lokala NyföretagarCentrum Framtagna av i samarbete med s Kvalitetsråd 1 Logotype Logotype s logotype består av

Läs mer

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html Stilmallar - styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html iecept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Utseende

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

Vilken version av Dreamweaver använder du?

Vilken version av Dreamweaver använder du? Sida 1 av 7 Lektion 1: sida 1 av 4 Till kursens framsida Sida 2 av 4» Lektion 1 Då ska vi sätta igång med den här kursens första lektion! Här kommer du att få lära dig hur man skapar och förbereder webbplatser

Läs mer

Att styla webbsidor. Nivå. Uppgiften

Att styla webbsidor. Nivå. Uppgiften Nivå 2 Att styla webbsidor All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.

Läs mer

Manual för visionutv.net Redigera

Manual för visionutv.net Redigera Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar

Läs mer

Rekommenderad IT-miljö

Rekommenderad IT-miljö Rekommenderad IT-miljö INNEHÅLL SIDNUMMER Dator 1 Internetuppkoppling Webbläsare Webbläsare Inställningar Telefoner 2 Smartphone Inloggning med säkerhetsdosa Bilder Internet Explorer 3 Mozilla Firefox

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

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

Vi möts dagligen av en

Vi möts dagligen av en Text som fler kan läsa tips om typografi och layout Vi möts dagligen av en mängd tidningar, tidskrifter, broschyrer, affischer och andra trycksaker. De flesta kan lätt läsa informationen i dem. Men det

Läs mer

SPIT2b Basgrupp 1-3 SPIT2b Basgrupp 4-6 Publisher i sal B5222 (Lb) Egen övning Publisher

SPIT2b Basgrupp 1-3 SPIT2b Basgrupp 4-6 Publisher i sal B5222 (Lb) Egen övning Publisher Uppstart Måndag 8 september kl 08.25 Projektinformation 5 sept enligt följande: SPIT2b Hemklassrummet 08.25 Aeb Senare under dagen får vi besök av en journalist. Genomgång av dataprogram Onsdag förmiddag

Läs mer

Inledning. SPF Seniorerna Leksand Hemsida

Inledning. SPF Seniorerna Leksand Hemsida SPF Seniorerna Leksand Hemsida 2017-06-13 Rev: B Under december 2016 har SPF bytt till ett nytt medlemsregister och hemsidessystem. Detta görs samtidigt eftersom de båda systemen utbyter information. Tyvärr

Läs mer

Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011

Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011 Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011 Lizette Nilsson 2012-05-07 Idag Kort om vår datormiljö Vanliga orsaker till problem Låt MS Word göra jobbet åt dig - Formatmallar

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. För dig som vill göra information och kommunikation tillgänglig

CHECKLISTA. För dig som vill göra information och kommunikation tillgänglig CHECKLISTA För dig som vill göra information och kommunikation tillgänglig 2 Handisam Titel: Checklista för dig som vill göra information och kommunikation tillgänglig Handisam, Myndigheten för handikappolitisk

Läs mer

RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER

RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER DETTA DOKUMENT ÄR ETT KOMPLEMENT TILL NYFÖRETAGARCENTRUM SVERIGES GRAFISKA PROFIL. I DEN GRAFISKA PROFILEN SPECIFICERAS

Läs mer

För sökande: Användarguide till Akademins e-tjänst

För sökande: Användarguide till Akademins e-tjänst E-tjänstens användarguide 1 (18) 1.9.2015 För sökande: Användarguide till Akademins e-tjänst Innehåll Bra att veta innan du börjar... 2 E-tjänsten... 2 E-tjänsten fungerar med följande webbläsare... 2

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

http://office.microsoft.com/sv-se/word/ha100444731053.aspx

http://office.microsoft.com/sv-se/word/ha100444731053.aspx 1. Öppna Word 2007 i 97-2003 2. Vilken Explorer har jag 3. Inloggning med Explorer 8 4. Sökväg till sidan 5. Ha två fönster öppna 6. Stilar 7. Storleksändra 8. Inklistring av text 9. Bilder till startsidan

Läs mer

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

Föreläsning 4. CSS Stilmallar för webben

Föreläsning 4. CSS Stilmallar för webben Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll

Läs mer

Cookies tillåtna Popup fönster tillåtna För IE 9 11, behöver blandat innehåll tillåtas OBS!

Cookies tillåtna Popup fönster tillåtna För IE 9 11, behöver blandat innehåll tillåtas OBS! Avancerade systemkrav myschenker.se Dessa systemkrav måste vara helt uppfyllda för att full funktionalitet ska kunna garanteras: Cookies tillåtna Popup fönster tillåtna För IE 9 11, behöver blandat innehåll

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

Kompensatoriska Tekniska Hjälpmedel - appar och andra verktyg. Cecilia Widlund, leg. logoped Logopederna Sverige AB

Kompensatoriska Tekniska Hjälpmedel - appar och andra verktyg. Cecilia Widlund, leg. logoped Logopederna Sverige AB Kompensatoriska Tekniska Hjälpmedel - appar och andra verktyg Cecilia Widlund, leg. logoped Logopederna Sverige AB 26 september 2017 Dagens upplägg Appar AudioNote Popplet Diktering Talsyntes Spreeder

Läs mer

DOME. storyteller DOME STORYTELLER

DOME. storyteller DOME STORYTELLER STORYTELLER Domteatern på Visualiseringscenter C är ett fantastiskt presentationsverktyg med en yta på nästan 300 kvadratmeter som är helt anpassningsbar efter kundens önskemål. Dome Storyteller är utvecklat

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

TextIT Hjälp. Om du vill ha all text uppläst trycker du på knappen spela

TextIT Hjälp. Om du vill ha all text uppläst trycker du på knappen spela TextIT Hjälp I textfältet kan du skriva din egen text eller kopiera in text ifrån andra källor som t.ex. Word, PDF, Internetsidor etc. Du kan sedan välja något av följande för att få texten uppläst. Ljudning!

Läs mer

WEBB PRODUKTION. Publicering av stora webbplatser. 2010 Thomas Mejtoft. Thomas Mejtoft 1210-12-13 2

WEBB PRODUKTION. Publicering av stora webbplatser. 2010 Thomas Mejtoft. Thomas Mejtoft 1210-12-13 2 WEBB 2010 PRODUKTION Publicering av stora webbplatser 1210-12-13 2 1 Publicering av stora webbplatser Juridiska och etiska riktlinjer Domännamn Webbservrar Webbhotell Sökmotorer CMS 1210-12-13 3 Juridiska

Läs mer

Kunskapscentrumcentrum för Äldres Säkerhet

Kunskapscentrumcentrum för Äldres Säkerhet Kunskapscentrumcentrum för Äldres Säkerhet Kravspecifikation Webbplatsen ska vara uppbyggd så att den följer riktlinjerna från World Web Consortium (W3W). Webbplatsen ska följa standarder för uppmärkningskod.

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

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

Skriv tillgängligt på webben

Skriv tillgängligt på webben Skriv tillgängligt på webben Webbhandledning för Huddinge kommun Remissversion januari 2007 Kommunstyrelsens förvaltning/informationsavdelningen Januari 2007 Förord Skriv tillgängligt på webben Webben

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra veckan Kursupplägg HTML FTP Validering Laboration 1. Deadlines Laborationer: 12/10, kl 08 Lämna in efterhand ni blir färdiga Vi rättar inom 4 arbetsdagar Portfolio, tillfälle

Läs mer

Grafisk Profil. Innehåll: logotyp. teckensnitt/fonter. bilder

Grafisk Profil. Innehåll: logotyp. teckensnitt/fonter. bilder Grafisk Profil Innehåll: logotyp teckensnitt/fonter bilder logotyp KOMMUNVAPEN 1-FÄRG Vilhelminas kommunvapen ska i första hand användas i den information som hanteras av kommunanställda och där budskapet

Läs mer

Kan myndigheternas webbplatser bli tillgängliga för alla? Ett svenskt språkpolitiskt perspektiv. Rickard Domeij Språkrådet i Sverige

Kan myndigheternas webbplatser bli tillgängliga för alla? Ett svenskt språkpolitiskt perspektiv. Rickard Domeij Språkrådet i Sverige Kan myndigheternas webbplatser bli tillgängliga för alla? Ett svenskt språkpolitiskt perspektiv Rickard Domeij Språkrådet i Sverige Flerspråkig webbtillgänglighet Vägledningen för flerspråkig information

Läs mer

Mål i mun Förslag på en plan för svenska språket

Mål i mun Förslag på en plan för svenska språket Mål i mun Förslag på en plan för svenska språket Den här utredningen ger förslag på en plan för hur vi ska fortsätta att tala och skriva svenska, fast vi har börjat använda mer engelska. Texten är omskriven

Läs mer

APA för nybörjare. Innan du börjar. Översikt

APA för nybörjare. Innan du börjar. Översikt APA för nybörjare Den här texten är tänkt som en snabb introduktion hur du kan använda publiceringssystemet APA (Advanced Publication Application) för att redigera webbplatser. Texten kräver inga förkunskaper

Läs mer

Analys av en hemsida

Analys av en hemsida Analys av en hemsida av Analys av en hemsida Jag har tittat lite närmare på utformningen av sidan http:/ / kids.earth.nasa.gov/. Sidans syfte är att utbilda och informera barn om rymdteknik och vilka spännande

Läs mer

Skärmtypografi. Mikael Becker, Mittuniversitetet 2005

Skärmtypografi. Mikael Becker, Mittuniversitetet 2005 Skärmtypografi Mikael Becker, Mittuniversitetet 2005 Introduktion Detta häfte är gjort med i huvudsak Georgia. Gjort av Matthew Carter för Microsofts räkning (det bästa Microsoft har gjort i mitt tycke).

Läs mer

Att skriva på datorn

Att skriva på datorn Att skriva på datorn Innehåll: Inledning 1 Tangentbordet 2 Att skriva i Word 4 Att skriva på Internet 7 Övningar 8 2 Inledning Välkommen till steg 2 av Internetkursen för nybörjare! Vid detta kurstillfälle

Läs mer

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben Ellibot 1.0 Interaktivmedia Content Management System Publicera för webben Innehåll Logga in 3 Skapa en ny webbsida 4 o Publicering 5 o Information 5 o Standardfiler 6 o Innehåll 7 Hur man skapar en länk

Läs mer

Studie av webbtillgänglighet för de med läs- och skrivsvårigheter Analys av universitets och högskolors webbplatser

Studie av webbtillgänglighet för de med läs- och skrivsvårigheter Analys av universitets och högskolors webbplatser Examensarbete Studie av webbtillgänglighet för de med läs- och skrivsvårigheter Analys av universitets och högskolors webbplatser Författare: Christine Otteryd Termin: VT13 Ämne: Webbtillgänglighet Nivå:

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

Kunskapscentrum för Äldres Säkerhet

Kunskapscentrum för Äldres Säkerhet Kunskapscentrum för Äldres Säkerhet Kravspecifikation för webbplats Webbplatsen ska vara uppbyggd så att den följer riktlinjerna från World Web Consortium (W3W). Webbplatsen ska följa standarder för uppmärkningskod.

Läs mer