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

Storlek: px
Starta visningen från sidan:

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

Transkript

1 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 användaren har World Wide Web Consortium En organisation med ca 500 medlemmar Utvecklar tekniska standarder för webben HTML CSS SMIL etc. Web Accessibility Initiative, WAI Arbetsgrupp inom W3C vars mål är att utveckla och sprida kunskap om tillgängliga webbsidor Utvecklar riktlinjer för bland annat Innehållsproduktion Webbredigerare Webbläsare WCAG 1.0 Web Content Accessibility Guidelines 1.0 W3C rekommendation 5 maj 1999 De officiella riktlinjerna WCAG 2.0 Web Content Accessibility Guidelines 2.0 Utvecklas för att vara enklare att använda samt lättare att verifiera och testa Starkare koppling till tillgänglighetskriterier Ej knuten till en viss teknik 1

2 WCAG 2.0 Principer Övergripande principer, fyra stycken För varje princip finns flera Riktlinjer Detaljerade regler, specificerar hur principen ska stödjas För varje riktlinje finns flera Success criterions Verifierbara kriterier, specificerar i detalj vad som måste göras för att uppnå tillgänglighet Finns på flera nivåer Success criterions Nivå 1 Uppnå en lägsta nivån av tillgänglighet Går att tillämpa på allt innehåll Nivå 2 Uppnå en utökad nivå av tillgänglighet Går att tillämpa på allt innehåll Nivå 3 Uppnå ytterligare utökningar av tillgängligheten Går inte nödvändigtvis att tillämpa på allt webbinnehåll Baseline De tekniker som är tillgänglighetsanpassade En webbplats kan använda sig av fler tekniker än dessa för att presentera innehållet Allt innehåll ska dock gå att ta del av med hjälp av teknikerna i webbplatsens baseline Tillgänglighetsnivåer för webbplatser Nivå A Alla nivå 1-kriterier för de tekniker som är specificerade i webbplatsens baseline Nivå AA Alla nivå 1- och 2-kriterier för de tekniker som är specificerade i webbplatsens baseline Nivå AAA Alla nivå 1- och nivå 2-kriterier, samt minst hälften av nivå 3-kriterierna för de tekniker som är specificerade i webbplatsens baseline Att arbeta med riktlinjer Kraftfullt verktyg för att identifiera och lösa tillgänglighetsproblem Är inte klara och tydliga kokbokslösningar Är inte så verifierbara som många förespråkare vill göra gällande Kräver fortfarande sunt förnuft och välgrundade ställningstagande Det är till slut ni som tar besluten, och som måste ta ställning till vilka för- och nackdelar era beslut har Tillgänglighet enligt WCAG 2.0 Content must be perceivable Interface components in the content must be operable Content and controls must be understandable Content should be robust enough to work with current and future user agents (including assistive technologies) 2

3 Principle 1: Perceivable Textalternativ till allt innehåll som inte är ren text (Guideline 1.1) Bilder Grafer Tabeller Ljud Vad är en alternativtext? En beskrivning av grafiskt innehåll Beskriver vad? Beskriver samma information eller Beskriver vad som ses Vilken funktion har texten? Visuellt utseende Information Alternativ till tidsbaserad media (Guideline 1.2) Textning Ljudbeskrivning Teckenspråkstolkning Separera innehåll från struktur Skilj på innehåll och presentation (Guideline 1.3) Märk upp struktur oberoende av hur det ska presenteras Information som kommuniceras via utseendet ska framgå ur innehållet Färg, typsnitt, placering Använd inte bara färg Uppmärkning, gruppering, status (röd/grön) Enklare, renare HTML-kod Större möjligheter för användarna att styra utseendet på webbsidorna Webbplatsen får ett enhetligt utseende, blir lättnavigerad och mer tillgänglig Det blir lättare att underhålla och göra grafiska förändringar 3

4 Principle 2: Operable Se till att alla funktioner går att nå via tangentbordet (Guideline 2.1) exempel Låt användaren själv välja hastighet på interaktionen (Guideline 2.2) Automatisk uppdatering (Refresh) Användaren ska kunna styra automatiska ändringar Filmer, nyhetsrullar Underlätta navigering (Guideline 2.4) Låt användaren hoppa över långa navigationslistor Synlig länk eller inte? exempel Underlätta navigering Flera sätt att komma åt informationen Navigationslänkar Innehållsförteckning Site map Sökfunktion Underlätta navigering Använd titlar för att beskriva innehåll Sidor Ramar Annat innehåll 4

5 Underlätta navigering Beskrivande länktexter, tydligt var man hamnar Väl valda titlar, rubriker och etiketter Vid linjär interaktion ska ordningen vara begriplig Underlätta navigering Använd bilder, video och animationer för att stödja ditt budskap Vilka bilder ska man använda? exempel Principle 3: Understandable Gör text läsbar och begriplig (Guideline 3.1) Ange huvudspråk Ange förändringar i språk Förenkla språket så mycket som möjligt Se till att funktionalitet är förutsägbar och användarstyrd (Guideline 3.2) Ändra inte innehållet automatiskt Låt användaren själv bestämma när ett val görs Se till att funktionalitet är förutsägbar och användarstyrd Undvik att ändra fokus utan att användaren själv bestämmer detta Navigation utformad konsekvent och likadan överallt Samma funktion ska se likadan ut och fungera på samma sätt överallt 5

6 Principle 4: Robust Se till att innehållet fungerar med dagens och morgondagens teknik (Guideline 4.1) Följ standarder och gör det rätt Se till att gränssnittselement är tillgängliga Se till att innehållet fungerar och är begripligt på äldre versioner Att testa sina webbsidor Automatiska kontroller Cynthia Says Wave W3C:s egen metod Ett ramverk för hur man kan genomföra en ingående utvärdering av tillgängligheten för en webbplats Ingår en hel uppsättning med olika metoder Preliminary Review of Web Sites for Accessibility Välj ut en uppsättning representativa sidor från webbplatsen Undersök sidorna med olika typer av grafiska webbläsare Stäng av bilder Stäng av ljudet Ändra teckenstorleken Testa olika bildskärmsupplösningar Kontrollera sidorna i svart/vitt Navigera på sidan med tangentbordet Preliminary Review of Web Sites for Accessibility Undersök sidorna med olika typer av specialiserade webbläsaren Röstbrowser (till exempel IBM:s Home Page Reader) Textbaserad browser (Lynx Använd åtminstone två olika automatiserade utvärderingsverktyg Sammanfatta resultaten 6

7 Länkar Surfa utan hinder Handikappombudsmannens riktlinjer för en tillgänglig statsförvaltning, numera hos Handisam Vägledningen 24-timmarswebben 2.0 hos Verva Frågor att fundera på Tillgänglighet ställs ofta mot snygg design, behöver det verkligen vara så? Innebär en tillgänglig webbplats att den också är ful? Vilket tillgänglighetsproblem är värst? Vad skapar mest problem? Vad skapar mest problem på din egen webbplats? Är det ok att strunta i tillgängligheten för vissa grupper? 7

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. 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

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

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

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

SICS Swedish Institute of Computer Science

SICS Swedish Institute of Computer Science Ivan Herman !"# #"$%#&''( 2008 W3C SICS Swedish Institute of Computer Science (2) Nationellt forskningsinstitut FoU inom informations- och kommunikationsteknologier (IKT) Mål: Bedriva avancerad

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

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

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

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

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

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. 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

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

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

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

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005 Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?

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

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

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

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

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

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

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

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

Att utveckla läromedel i digital form

Att utveckla läromedel i digital form Att utveckla läromedel i digital form för elever med funktionsnedsättning Att utveckla läromedel i digital form för elever med funktionsnedsättning Det digitala läromedlet Ett digitalt läromedel kan finnas

Läs mer

Analys Riksdagspartiernas tillgänglighet på webben

Analys Riksdagspartiernas tillgänglighet på webben I detta dokument presenteras en sammanställning av en tillgänglighetsanalys på de sju riksdagspartiernas webbplatser. För att samla in datat till analysen har Meridiums tjänst Validerat.se (www.validerat.se)

Läs mer

Enkla texter passar alla

Enkla texter passar alla WEBBPLATSER Enkla texter passar alla HELENA ENGLUND & MARIA SUNDIN Tillgängliga webbplatser! Nedsatt syn, darrhänthet eller lässvårigheter ska inte hindra medborgarna att hämta information på webben. Språkkonsulterna

Läs mer

ATT GÖRA WEBBSIDOR. Frivillig labb

ATT GÖRA WEBBSIDOR. Frivillig labb Numerisk analys och datalogi KTH 100 44 Stockholm Kerstin Frenckner, tel 790 7143, e-post kfrenck@nada.kth.se 2D1339 Programkonstruktion Hösten 2001 Datorintroduktion Frivillig labb ATT GÖRA WEBBSIDOR

Läs mer

1. Polopoly och webbpublicering på SU

1. Polopoly och webbpublicering på SU 1. Polopoly och webbpublicering på SU Den här guiden är en introduktion till webbpubliceringssystemet Polopoly 9.16 för dig som ska arbeta som webbredaktör vid Stockholms universitet. Här går vi igenom

Läs mer

Riktlinjer för Webbplatser inom Stockholms läns landsting 2004. Kompletterande dokument till Kommunikationspolicy för Stockholms läns landsting 2004

Riktlinjer för Webbplatser inom Stockholms läns landsting 2004. Kompletterande dokument till Kommunikationspolicy för Stockholms läns landsting 2004 Riktlinjer för Webbplatser inom Stockholms läns landsting 2004 Kompletterande dokument till Kommunikationspolicy för Stockholms läns landsting 2004 Antagen av Landstingsfullmäktige 8 juni 2004 KOMMUNIKATIONSPOLICY

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

Egenskaper för digitala läromedel och film

Egenskaper för digitala läromedel och film Egenskaper för digitala läromedel och film Digitala läromedel Detta är en sammanställning av vad man bör beakta vid framställning av digitala läromedel för att nå största möjliga tillgänglighet.. Det som

Läs mer

Nya sundbyberg.se. Webbkoncept. v1.0, Sundbyberg där staden är som bäst

Nya sundbyberg.se. Webbkoncept. v1.0, Sundbyberg där staden är som bäst Nya sundbyberg.se Webbkoncept v1.0, 2012-04-04 Innehåll 1. Introduktion 2. Webbstrategi 3. Prioriteringar 4. Innehåll startsida 5. Tonalitet 6. Form 7. Interaktivitet och dialog 8. Sociala medier 9. Sökfunktion

Läs mer

Hur tillgänglig är du? Hur tillgänglig är du? Seminariedag om digitalt tillgängliggörande Västmanlands läns museum 2014-02-19

Hur tillgänglig är du? Hur tillgänglig är du? Seminariedag om digitalt tillgängliggörande Västmanlands läns museum 2014-02-19 Hur tillgänglig är du? Om hur du tänker tillgängligt på webben Hur tillgänglig är du? Seminariedag om digitalt tillgängliggörande Västmanlands läns museum 2014-02-19 Pär Lannerö Projektledare webbriktlinjer.se

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

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

1) Introduktion i tillgänglighet

1) Introduktion i tillgänglighet 1) Introduktion i tillgänglighet Inledningsvis genomför vi en orientering i vad tillgänglighet betyder för både användare och den egna personalen. Vi kommer att ta upp de grundläggande idéerna bakom de

Läs mer

Tentamen på kursen Webbdesign, 7,5 hp

Tentamen på kursen Webbdesign, 7,5 hp Högskolan i Borås Institutionen för data- och affärsvetenskap Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2012-05-28, kl. 9-13 Hjälpmedel: Inga hjälpmedel tillåtna Betyg:

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

Utformning av FUBkoll. i förhållande till utvecklingsstörning

Utformning av FUBkoll. i förhållande till utvecklingsstörning Utformning av FUBkoll i förhållande till utvecklingsstörning Webbplatsen FUBkoll vänder sig direkt till personer med utvecklingsstörning, en nedsatt begåvningsförmåga, varför dess utformning och innehåll

Läs mer

DIGITAL MANUAL BILAGA 1 TILL GRAFISK PROFIL KK 13/167

DIGITAL MANUAL BILAGA 1 TILL GRAFISK PROFIL KK 13/167 BILAGA 1 TILL GRAFISK PROFIL KK 13/167 Innehåll Logotyp för webb 2 Användning av logotypen 2 Färger 3 Primärfärger 3 Komplementfärger 3 Att använda färgerna 4 Kontraster 4 Typsnitt 5 Bilder 6 Storlekar

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

Riktlinjer och regler för Karolinska Institutets webbplatser (utan bilagor)

Riktlinjer och regler för Karolinska Institutets webbplatser (utan bilagor) Riktlinjer och regler för Karolinska Institutets webbplatser (utan bilagor) Dnr 1-657/2013 Version 1.0 Gäller från och med 2014-01-14 Beslut Dnr: 1-657/2013 2014-01-14 Riktlinjer och regler för Karolinska

Läs mer

WEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2

WEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2 WEBB 2010 PRODUKTION Tillgänglighet och Användbarhet 2010-12-13 2 1 Tillgänglighet och Användbarhet Tillgänglighet (Accessibility) Användbarhet (Usability) 2010-12-13 3 Tillgänglighet och Användbarhet

Läs mer

Offertförfrågan för ny webbplats svenskscenkonst.se samt socialt forum

Offertförfrågan för ny webbplats svenskscenkonst.se samt socialt forum Offertförfrågan för ny webbplats svenskscenkonst.se samt socialt forum Inledning Vi ska utveckla en ny webbplats på www.svenskscenkonst.se. Vårt mål är att ha en ny webbplats färdig att användas fullt

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

Länkar och navigering

Länkar och navigering Föreläsning i webbdesign Länkar och navigering Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Hypertext Hyper [grekiska] över Hypertext Går över textens sekvengella flöde Referens

Läs mer

Uppföljning av webbtillgänglighet

Uppföljning av webbtillgänglighet Information Uppföljning av webbtillgänglighet Samtliga följande frågor finns i webbriktlinjers självtest, d v s http://webbriktlinjer.se/testa-din-webbplats/ Nivå A AAA Rubrik: Undvik CAPTCHA Fråga: Finns

Läs mer

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se

Läs mer

Tillgängliga webbplatser en introduktion

Tillgängliga webbplatser en introduktion Dokumentation Tillgängliga webbplatser en introduktion Stefan Johansson 08 555 770 78 stefan.johansson@funkanu.se Senast uppdaterad januari 2010 Innehåll Inledning 4 Vad är en tillgänglig webbplats? 5

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

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil. Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition

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

BESLUT. Datum 2013-09-11. Regelverk för Region Skånes webbplatser

BESLUT. Datum 2013-09-11. Regelverk för Region Skånes webbplatser Regiondirektören Jonas Rastad +46 44 309 39 25 +46 708 46 70 67 jonas.rastad@skane.se BESLUT Datum 2013-09-11 1 (1) Regelverk för s webbplatser Framtaget regelverk för s webbplatser fastställes. Regelverket

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

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

Användning av pdf Vägledningen 24-timmarswebben

Användning av pdf Vägledningen 24-timmarswebben 1 (7) Användning av pdf Version 1.1 Uppdaterad: 2007-07-03 Användning av pdf I den här checklistan får du veta hur du skapar tillgängliga pdf-dokument. Checklistan är ett extramaterial till 1. Använd gärna

Läs mer

Tillgängliga e-tjänster - svenska kommuners arbete med tillgänglighet vid utveckling av e-tjänster

Tillgängliga e-tjänster - svenska kommuners arbete med tillgänglighet vid utveckling av e-tjänster Martin Heilborn Tillgängliga e-tjänster - svenska kommuners arbete med tillgänglighet vid utveckling av e-tjänster Available E-services Swedish Municipalities Work with Availability in the Development

Läs mer

Content Management System. Publiceringssystem

Content Management System. Publiceringssystem Content Management System Publiceringssystem Vad är ett Content Management System (CMS)? Ett verktyg för att separera innehåll från presentation Skapa webbsidor utan att kunna html Låt många skapa sidor

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

Tillgängliga webbplatser en introduktion

Tillgängliga webbplatser en introduktion 02-06-04 NACKA Dokumentation Tillgängliga webbplatser en introduktion VÅR REFERENS: STEFAN JOHANSSON TEL: 08-555 770 78 E-POST: stefan.johansson@funkanu.se Funka Nu AB Finnbodavägen 2, 131 31 NACKA www.funkanu.se

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

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2.

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2. Joomla - Administrationsguide Joomla - Administrationsguide 1 Logga in i administrations-gränssnittet 2 Ändra globala inställningar 2 Ändra titel 3 Artiklar, kategorier och sektioner 4 Skapa sektioner

Läs mer

Att granska och förbättra tillgängligheten i grundutbildningsdokument

Att granska och förbättra tillgängligheten i grundutbildningsdokument Avrapportering för utvecklingsprojekt och insatser inom ramen för lika villkor vid Linköpings universitet Att granska och förbättra tillgängligheten i grundutbildningsdokument ur ett lika villkorsperspektiv

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

Jenny Dafgård, Fredrik Johansson, Nils Järgenstedt, Yael Katzellenbogen och Klara Mälarberg. IT-Universitetet i Göteborg, HT03

Jenny Dafgård, Fredrik Johansson, Nils Järgenstedt, Yael Katzellenbogen och Klara Mälarberg. IT-Universitetet i Göteborg, HT03 SAMMANFATTNING Denna rapport beskriver hur Grupp 8 gick till väga för att skapa en webbplats för företaget Polyplast+. Processen påbörjades med en förstudie om Polyplast+, och fortsatte sedan med användaranalys,

Läs mer

2006:01. Undersökning av publiceringsverktyg

2006:01. Undersökning av publiceringsverktyg 2006:01 Undersökning av publiceringsverktyg 1 (19) Innehåll TILLGÄNGLIGARE WEBBPLATSER MED HJÄLP AV BÄTTRE PUBLICERINGSVERKTYG...2 VAL AV VERKTYG OCH UNDERSÖKNINGENS UPPLÄGG...2 Testkriterier baserade

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

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

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

Tillgänglighetsgranskning av riksdagspartiernas webbplatser år 2010

Tillgänglighetsgranskning av riksdagspartiernas webbplatser år 2010 Tillgänglighetsgranskning av riksdagspartiernas webbplatser år 2010 Analysansvarig Andreas Cederbom Kontaktperson Susanna Laurin Susanna.laurin@funkanu.se 08-555 770 61 2 (21) Bakgrund För varje val blir

Läs mer

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna

Läs mer

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

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

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

SYMBERED. - en SYMbol-BEgrepps-REDigerare NUH. Presenterad av Mats Lundälv Författare: Katarina Mühlenbock & Mats Lundälv DART.

SYMBERED. - en SYMbol-BEgrepps-REDigerare NUH. Presenterad av Mats Lundälv Författare: Katarina Mühlenbock & Mats Lundälv DART. SYMBERED - en SYMbol-BEgrepps-REDigerare Presenterad av Mats Lundälv Författare: Katarina Mühlenbock & Mats Lundälv DART Med stöd av: NUH Jag ska tala om: Vad - vi gjort och gör i SYMBERED-projektet Varför

Läs mer

Utseende. Lauri Watts Översättare: Stefan Asserhäll

Utseende. Lauri Watts Översättare: Stefan Asserhäll Lauri Watts Översättare: Stefan Asserhäll 2 Innehåll 1 Utseende 4 1.1 Allmänt............................................ 4 1.2 Teckensnitt.......................................... 4 1.3 Stilmallar...........................................

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

Frågor och svar Gränssnittsdesign/Webbutveckling

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

Läs mer

Webbutveckling Laboration 1: HTML5 och CSS3.

Webbutveckling Laboration 1: HTML5 och CSS3. Institutionen för 2015-11-30 Tillämpad fysik och elektronik Karin Fahlquist Webbutveckling Laboration 1: HTML5 och CSS3. Målsättning Att skapa en webbplats genom att först skapa en Lo-fi prototyp och sedan

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

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

Ö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

IT och funk0onshinder

IT och funk0onshinder IT och funk0onshinder Jan Gulliksen Gulan Professor i Människadatorinterak0on, Uppsala universitet ( dec 2009) KTH (feb 2009 ) 1 MDI i Uppsala studerar datorstöd i arbetslivet Vård- och omsorgarbete Administrativt

Läs mer

Antagen av kommunfullmäktige 2014-09-18 104. Webbpolicy för

Antagen av kommunfullmäktige 2014-09-18 104. Webbpolicy för Antagen av kommunfullmäktige 2014-09-18 104 Webbpolicy för Innehåll Kommunens webbplatser...... 3 Syfte och mål...... 3 Strategi...... 3 Profilering...... 4 Domäner...... 4 Målgrupper...... 4 Ansvar och

Läs mer

Din manual ARCHOS 604 WIFI http://sv.yourpdfguides.com/dref/1227011

Din manual ARCHOS 604 WIFI http://sv.yourpdfguides.com/dref/1227011 Du kan läsa rekommendationerna i instruktionsboken, den tekniska specifikationen eller installationsanvisningarna för ARCHOS 604 WIFI. Du hittar svar på alla dina frågor i instruktionsbok (information,

Läs mer

Webbpolicy Övertorneå kommun

Webbpolicy Övertorneå kommun 1 Webbpolicy Kanslienheten september 2006 2 Inledning Den officiella kommunala hemsidan är en viktig informationskälla och informations- och marknadsföringskanal som ökar i betydelse. En hemsida är under

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

Skapa epublikationer för Webben & Mobila Enheter

Skapa epublikationer för Webben & Mobila Enheter emag PRODUKTION Skapa epublikationer för Webben & Mobila Enheter Med emag kan du omvandla statiska PDF-dokument till interaktiva on-linepublikationer för vanliga webbläsare och mobila enheter, och detta

Läs mer

Vägledning för webbutveckling

Vägledning för webbutveckling webbutveckling Genererad från www.webbriktlinjer.se 2014-09-1 Webbutveckling Sida 1 / 258 Teman TEMA. Inköpare och beställare TEMA. Bevarande och gallring TEMA. Skriva texter TEMA. Standarder för webbplatser

Läs mer

206 Finaluppgifter för produktion av webbsidor

206 Finaluppgifter för produktion av webbsidor 206 Finaluppgifter för produktion av webbsidor ALLMÄNT Finaluppgifterna inom produktion av webbsidor innehåller planering och förverkligande av julkalender för tidningen Keskisuomalainens nättjänst, ett

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

Word-guide Introduktion

Word-guide Introduktion Word-guide Introduktion På det kognitionsvetenskapliga programmet kommer du läsa kurser inom flera olika vetenskapsområden och för varje vetenskapsområde finns ett speciellt sätt att utforma rapporter.

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

Äldreguiden. Nätverksträff 24-timmarswebben Västerås, 2 juni 2008

Äldreguiden. Nätverksträff 24-timmarswebben Västerås, 2 juni 2008 Äldreguiden Öppen jämfj mförelse av äldrevårdenrden Nätverksträff 24-timmarswebben Västerås, 2 juni 2008 Björn Svensson IT-enheten bjorn.svensson@socialstyrelsen.se Bakgrund Regeringsuppdrag Regeringen

Läs mer

Bevarande och gallring av webbplatsinnehåll riktlinjer för myndigheter

Bevarande och gallring av webbplatsinnehåll riktlinjer för myndigheter Bevarande och gallring av webbplatsinnehåll riktlinjer för myndigheter Teresia Ståhle Enheten för utveckling och e-förvaltning (TUE) Riksarkivet, Sverige Nordisk elarkiv-seminar, Island 26-27 maj 2011

Läs mer

Skärmbilden i Netscape Navigator

Skärmbilden i Netscape Navigator Extratexter till kapitel Internet Skärmbilden i Netscape Navigator Netscape är uppbyggt på liknande sätt som i de flesta program. Under menyraden, tillsammans med verktygsfältet finns ett adressfält. I

Läs mer