Webbplatsers anpassning till funktionshindrade

Storlek: px
Starta visningen från sidan:

Download "Webbplatsers anpassning till funktionshindrade"

Transkript

1 School of Mathematics and Systems Engineering Reports from MSI - Rapporter från MSI Webbplatsers anpassning till funktionshindrade - En studie av tillgängligheten avseende Kronobergs kommunala webbplatser Fredrik Svensson Jul 2007 MSI Report Växjö University ISSN SE VÄXJÖ ISRN VXU/MSI/MT/E/ /--SE

2 Sammanfattning Webben används idag i allt större utsträckning och ingår också i många människors vardag. Myndigheterna spelar en viktig roll på webben genom att sprida samhällsviktig information. Man förväntas att själv kunna hitta denna information, alla kan dock inte ta del av informationen om inte webbplatsen är utformad på ett korrekt sätt. I det verkliga livet har mycket gjorts för att de funktionshindrade ska kunna känna sig oberoende av någon annan, men hur står det till med den saken på webben? Användare med funktionshinder kan missa viktig information om webbplatsen inte är tillgänglig. Denna uppsats har tagit reda på hur väl dagens webbplatser för kommuner i Kronobergs län är anpassade för funktionshindrade. Detta har kontrollerats genom att undersöka hur väl webbplatserna uppfyller WCAG 1.0 prioritet 1. Hälften av riktpunkterna kontrollerades med hjälp av automatiska tillgänglighetsprogram och den andra hälften kontrollerades manuellt. Syftet med uppsatsen är att ta fram en modell för att testa webbplatser mot WCAG 1.0 prioritet 1 samt att ta reda på hur det förhåller sig med tillgängligheten för kommunernas webbplatser i Kronobergs Län. Vid krissituationer hänvisas ofta medborgaren till kommunens webbplats. Studien syftar till att se om all kommunal webbinformation är tillgänglig för alla medborgare. Resultatet av undersökningen visar på att många webbplatser har långt kvar innan de är helt tillgängliga. Samtliga av de testade webbplatserna hade någon form av tillgänglighetsproblem och 75 % av webbplatserna hade stora problem med tillgängligheten eller var helt otillgängliga. Utifrån resultatet kan fastställas att många webbplatser behöver tillgänglighetsanpassas för att inte de funktionshindrade ska missa den samhällsviktiga informationen. 2

3 Innehållsförteckning 1. Inledning Bakgrund Funktionshindrade användare Hjälpmedel för funktionshindrade Syfte Frågeställningar Avgränsningar Definitioner Teori Webbutvecklares anledningar att inte skapa tillgängliga webbplatser Fördelar med tillgängliga webbplatser Riktlinjer för tillgängliga webbplatser WCAG 1.0 Riktlinjer, riktpunkter och dess prioritet WCAG 1.0 Riktlinjer Skillnader mellan WCAG 1.0 och WCAG LIX LäsbarhetsIndeX AJAX vs Tillgänglighet Går det att skapa tillgängliga webbplatser med AJAX? Praktiska lösningar för tillgängliga AJAX applikationer Skapa egna tillgängliga och interaktiva element Lagar gällande tillgängliga webbplatser Förenta Nationernas Konvention Svenska lagar och riktlinjer EU:s lagar Tidigare undersökningar Metod Tillgänglighetsprogram LIX Manuella kontroller Sammanfattning av metod Genomförande av undersökning Resultat Diskussion Metoddiskussion Resultatdiskussion Modell för en tillgänglig webbplats Förslag på vidareutveckling av uppsatsen Referenser Bilaga 1 WCAG 1.0 Riktlinjer Bilaga 2 WCAG 1.0 Riktpunkter av prioritet Bilaga 3 Skärmdumpar från undersökningens webbplatser

4 1. Inledning Det här är ett examensarbete på B-nivå i medieteknik vid Växjö Universitet. Arbetet skrevs våren 2007 och har handletts av Anders Gerestrand. 1.2 Bakgrund 1989 myntade Tim Berners-Lee uttrycket World Wide Web. Han var också den som skrev den första versionen av HyperText Markup Language (HTML). Fem år senare skapade han World Wide Web Consortium (W3C, 2007a). Ett av de mål som W3C jobbar med är att göra webben tillgänglig för alla, oavsett hårdvara, mjukvara, funktionshinder eller kultur (W3C, 2007b). När sedan World Wide Web spreds sig, samtidigt som Netscape och Mosaic släppte grafiska webbläsare, fick de funktionshindrade allt svårare att få tag i information på webben startade W3C organisationen WAI (Web Accessibility Initiative) som tar fram riktlinjer för att skapa webbplatser som är anpassade för funktionshindrade (Rogoff, 2001). En webbplats som inte är anpassad för funktionshindrade är svårnavigerad för de funktionshindrade besökarna. Enligt Nielsen (2000) återvänder inte de flesta besökarna om de anser att webbplatsen var svårnavigerad. Att göra webbplatsen tillgänglig för alla ökar nödvändigtvis inte bara antalet besökare utan också återkommande besök. Nielsen (2000) menar att funktionshindrade personer är lojala användare om de hittar någon som ger de den anpassning av webbplatsen som de behöver. Eftersom dagens användare kommer bli äldre tyder detta på att gruppen funktionshindrade användare kommer bli större i framtiden. Molich (2000) menar att om inte tillförlitlighet, säkerhet och tillgänglighet är uppfyllda finns det ingen mening att diskutera användbarhet. Om webbplatsen i sin tur inte är användbar kommer troligen användarna aldrig mer besöka webbplatsen. På detta sätt kan man också säga att tillgänglighet är en viktig del av en lyckad webbplats Funktionshindrade användare Enligt Nielsen (2000) handlar skapandet av tillgängliga webbplatser mycket om att använda HTML som språket var menat att användas. Han menar att man ska koda innebörden och inte utseendet på en webbplats, på detta sätt kan innehållet bli tillgängligt för alla. Nielsen menar att det är webbutvecklarens ansvar att tillgodose så många tillgänglighetspunkter som möjligt. Det finns fyra grupper av funktionshinder som påverkas av otillgängliga webbplatser (Carter & Markel, 2001): Synnedsättning Synnedsättning anses vara det svåraste tillgänglighetsproblemet. Att färgkombinationer gör webbplatserna oläsbara för färgblinda personer är ett exempel på ett tillgänglighetsproblem (Nielsen, 2000). Gravt synskadade eller blinda använder sig ofta av skärmläsare som läser in texten för att sedan läsas upp av en talsyntes (Funka Nu, 2005). Hörselnedsättning Här ingår personer med delvis nedsatt hörselförmåga till personer som är helt döva. Detta innebär att man bör ta hänsyn till att ljud kanske inte uppfattas av alla användare (Carter & Markel, 2001). Motoriska funktionshinder Personer som har svårt att styra musen eller svårigheter med att använda tangentbordet. Personerna kan ha svårt att röra sig och inneha en oförmåga att kontrollera ofrivilliga rörelser (Carter & Markel, 2001). 4

5 Nedsatt uppfattningsförmåga Här ingår personer med nedsatt läs- & skrivförmåga. De kan t.ex. ha svårt att läsa långa sidor. Även personer med nedsatt begåvning ingår här (Nielsen, 2000) Hjälpmedel för funktionshindrade Vid rätt användning kan datorn öppna möjligheter till ett mer självständigt liv för funktionshindrade (Taylor, 2000). Det finns idag en mängd olika hjälpmedel som gör att även de funktionshindrade kan använda datorn till dess fulla potential. Här presenteras några av de hjälpmedlen. Alternativa möss En del personer kan idag inte använda musen på grund av funktionshinder. Exempel på sådana hinder kan vara reumatism, musarmsskadade, personer med förlamningsskador eller darrhänthet. Darrhänthet kan t.ex. lösas genom att möss och joystickar filtrerar ryckningar. För personer som är oförmögna att använda händerna finns en s.k. huvudmus som man styr med hjälp av huvudrörelser. (Funka Nu, 2005). Alternativa tangentbord En del personer kan inte använda musen oavsett vilket hjälpmedel de använder. Om webbplatserna är utformade korrekt går det också att navigera via tangentbordet. Det finns många olika sorters tangentbord. T.ex. finns det tangentbord med programmeringsbara tangenter som används av personer med nedsatt begåvning. Ett annat hjälpmedel är mindre tangentbord för personer som har svårt att nå stora ytor. (Funka Nu, 2005) Skärmläsare Skärmläsare omvandlar det grafiska till exempelvis tal. Dyslektiker kan t.ex. ha behov av att få text presenterad på ett alternativt sätt. Blinda har dessutom behov att få strukturen presenterad på ett annat sätt (Funka Nu, 2005). Talsyntes Talsyntes används tillsammans med skärmläsaren. Det är talsyntesen som omvandlar texten till tal och detta gör att användaren kan lyssna på innehållet (Funka Nu, 2005). Punktskriftsdisplay För dövblinda är detta den enda möjligheten att ta del av informationen från datorn. Punktskrift möjliggör för användaren att känna på bokstäverna och genom denna metod också läsa vad som står på webbplatserna. Till skillnad från talsyntes ges informationen i punktskrift istället för tal (Funka Nu, 2005). Förstoringsprogram Förstoringsprogram ger möjligheten att förstora delar eller hela skärmen, detta har framförallt synskadade stor användning för. Exempelvis har idag många webbläsare en funktion inbyggd som förstorar texten. En nackdel med programmet är att det kan bli svårt att få överblick över informationen (Funka Nu, 2005). Enligt Regeringen måste den verksamhet som statliga myndigheter bedriver vara tillgänglig för alla, inklusive funktionshindrade (Sveriges Regering, 2006). Samtidigt konstaterar Riksrevisionsverket i rapporten Ett informationssamhälle för alla? Användbarhet och tillgänglighet hos statliga webbplatser att funktionshindrade inte kunde utnyttja webbplatserna fullt ut. Tillgängligheten för information från webbplatser med samhällsfunktion är ju extra viktig. Rapporten visar att W3Cs mål att göra webben tillgänglig för alla inte riktigt är fullbordad ännu. Om dagens webbplatser var bättre 5

6 designade och mer tillgängliga skulle många fler få tillgång till webben (Lilly, 2001). Englund & Sundin (2004) menar att om man ska nå ut med sin information till alla användare måste man göra språket och formen tillgänglig för alla, och det behöver inte bli varken dyrt eller krångligt. 1.2 Syfte Syftet med denna uppsats är att undersöka hur väl dagens webbplatser för kommuner är anpassade för funktionshindrade personer, dvs. om de uppfyller Web Content Accessibility Guidlines (WCAG) 1.0 rekommendationerna. 1.3 Frågeställningar Hur väl uppfyller Kronobergs kommunala webbplatser WCAG 1.0 rekommendationerna? 1.4 Avgränsningar Undersökningen kommer att begränsa sig till Kronobergs Län och deras kommuners webbplatser (Alvesta, Lessebo, Ljungby, Marakryd, Tingsryd, Uppvidinge, Växjö och Älmhults kommun). Undersökningen kommer att utgå från WCAG 1.0 prioritet 1 för att undersöka ingångssidans anpassning för funktionshindrade. Prioritet 1 är de enda riktpunkterna som måste vara uppfyllda för en tillgänglig webbplats enligt W3C (1999a). De övriga riktpunkterna har inte samma effekt på tillgängligheten som prioritet Definitioner Här presenteras definitioner och förklaringar över begrepp som förekommer i uppsatsen men som inte förklaras i teoridelen. Webbplats: En grupp sammanlänkade webbsidor innehållande information om ett ämne eller en verksamhet. Gruppen har alla samma utgivare (Svenska datatermsgruppen, 2007a). Webbsida: En mängd information som man kan komma åt genom webben. Man behöver inte gå vidare genom en länk. Motsvarar det man kan se på skärmen eller genom att rulla ner i webbläsarens fönster (Svenska datatermsgruppen, 2007b). Webbläsare: Ett datorprogram som är anpassat för att hämta information från World Wide Web och presentera den (Svenska datatermsgruppen, 2007c). Formatmall: En grafisk mall som talar om hur olika delar av ett dokument ska se ut. T.ex. teckenstorlek, indrag m.m. (Svenska datatermsgruppen, 2007d). Ingångssida: En webbsida som fungerar som en huvudingång till en webbplats (Svenska datatermsgruppen, 2007e). Multiklickbar: En bild med flera klickbara områden (Svenska datatermsgruppen, 2007f). 6

7 2 Teori Detta teorikapitel tar upp fakta om tillgänglighet på webbplatser, WCAG och lagar om tillgänglighet. Kapitlet avslutas med resultat från tidigare undersökningar rörande webbplatsers tillgänglighet. 2.1 Webbutvecklares anledningar att inte skapa tillgängliga webbplatser Några av de anledningar som webbutvecklare anser varför de inte behöver skapa tillgängliga webbplatser är (Clark, 2003): De funktionshindrade är för få Många tror att de funktionshindrade är en liten grupp i världen. Verkligheten är dock helt annorlunda. Enligt FN (2003) är över en halv miljard av jordens befolkning på något sätt funktionshindrade. Enligt SCBs (2005a & 2005b) undersökningar från 2005 har 1,2 % av Sveriges befolkning mellan år nedsatt syn och 14,2 % nedsatt hörsel. Enligt Handisam (Handisam, 2006) har drygt en miljon människor i Sverige någon form av funktionshinder. Det är för krångligt att skapa tillgängliga webbplatser Att skapa tillgängliga webbplatser är inget svårt. Även en nybörjare inom Webbdesign kan skapa en tillgänglig webbplats menar Clark (2003). Genom att följa de steg som W3C har satt upp i deras Web Content Accessibility Guidelines får man garanterat en tillgänglig webbplats. Vi har inga funktionshindrade besökare Man kan tycka att t.ex. trafikskolors webbplatser inte behöver ta hänsyn till de funktionshindrade, då många av de ändå inte kan ta körkort. Den tanken är dock helt fel. De blinda kan ha vänner som behöver körkort, eller kanske användaren ifråga bara vill kolla upp om han kan ta körkort. Att då låta denna grupp människor stå utanför är ingen bra idé (Clark, 2003). 2.2 Fördelar med tillgängliga webbplatser Förutom att tillgängliga webbplatser gör att funktionshindrade kan använda webbplatserna, skapar tekniken också möjlighet för mobiltelefoner att surfa på webbplatsen. Detta trots att ingen mus eller tangentbord finns att tillgå samt den lilla skärm som många mobiltelefoner har. Tillgängliga webbplatser är också till fördel för personer som t.ex. vill få snabbare anslutning genom att stänga av bildladdningsfunktionen i webbläsaren (Carter & Markel, 2001). Internet har en positiv effekt på funktionshindrade personer menar Taylor (2000). Webben fick de att känna att de hade kontroll. Han menar också att Internet hjälper de funktionshindrade att bli bättre informerade, komma i kontakt med personer med liknande intressen samt känna sig som en del av världen. 2.3 Riktlinjer för tillgängliga webbplatser Web Accessibility Initiative (WAI) är en del av World Wide Web Consortium (W3C) och tar fram lösningar för människor med funktionshinder. W3Cs mål är att alla ska kunna ta del av informationen (W3C, 2001). Tim Berners-Lee, chef över W3C samt webbens uppfinnare, menar att Webbens styrka ligger i dess allmänna spridning. Att den är tillgänglig för alla oavsett handikapp är en grundläggande egenskap. (W3C, 2001). WAI gruppen har utvecklat WCAG, dvs. riktlinjer över hur en webbplats bör vara uppbyggd för att vara tillgänglig (W3C, 2006a). 7

8 2.3.1 WCAG 1.0 Riktlinjer, riktpunkter och dess prioritet Varje riktlinje innehåller ett obestämt antal riktpunkter och varje riktpunkt har en prioritetsnivå från 1-3 (alla riktpunkter av prioritet 1 hittas i bilaga 2). En riktlinje innehåller en kortfattad beskrivning över alla riktpunkterna. Den innehåller också vilka användargrupper som kan dra nytta av riktlinjen. Riktpunkternas uppgift är att förklara hur riktlinjen ska användas och implementeras. Varje riktpunkt har i sin tur en prioritet där följande gäller: (W3C, 1999a & W3C, 1999b). Prioritet 1 Riktpunkten måste följas annars kommer en eller flera grupper inte kunna använda informationen på webbplatsen. Prioritet 2 Riktpunkten bör följas. Om den inte följs kan en eller fler grupper få svårt att ta till sig informationen på webbplatsen. Prioritet 3 Riktpunkten kan följas. Att tillmötesgå denna riktpunkt förbättrar tillgängligheten för webbplatsen WCAG 1.0 Riktlinjer WAI har satt upp 14 riktlinjer (alla riktlinjer från WCAG 1.0 hittas i bilaga 1) som på olika sätt vägleder webbutvecklaren till en tillgänglig webbplats. För att uppfylla riktlinje ett ska webbutvecklaren förse all grafik och ljud med en alternativ text som beskriver det aktuella elementet. Detta kommer senare att hjälpa användare som inte kan ta del av t.ex. grafik då textalternativet läses upp för användaren. Förlita dig inte bara på färg står det i riktlinje två och med detta menas att användare som är färgblinda eller utan färgdisplay ska kunna ta del av innehållet på samma sätt som en användare som kan se färger (W3C, 1999a). En annan riktlinje (4) förklarar att det tydligt ska framgå vilket språk som används i texten, detta för att användarnas program automatiskt ska kunna ställa in rätt språk. I riktlinje nummer sex förklaras det att webbplatserna fortfarande ska vara tillgängliga även om ny teknik stängs av. En webbplats som t.ex. har en JavaScript funktion som länkmål kommer inte att kunna användas av användare som använder program som saknar stöd för JavaScript (W3C, 1999a). Riktlinje nummer 14 förklarar bl.a. att webbsidan bör använda enklast möjliga språk. Användare med nedsatt uppfattningsförmåga kommer annars få svårt att navigera och använda webbplatsen (W3C, 1999a) Skillnader mellan WCAG 1.0 och WCAG 2.0 När denna uppsats skrivs har WCAG 2.0 ännu inte helt godkänts och den är fortfarande under viss utveckling (W3C, 2006a). Version 1 godkändes i maj 1999 som en stabil version för vägledning till en tillgänglig webbplats. WCAG gruppen har sedan dess tagit emot respons om dokumentets användarvänlighet och applicerbarhet. Denna respons är det som gör att WAI beslutat sig för att skapa en ny version av riktlinjerna (W3C, 2006b). Den nya versionen har samma mål som den tidigare, att visa vägen till tillgängligt webb innehåll. Version 2.0 vänder sig dock mer till nyare tekniker och hur man får webbplatser med dessa att kunna bli tillgängliga även för funktionshindrade. Dessutom innehåller varje riktlinje mer information över hur de ska bli uppfyllda, själva dokumentet är mer omfattande och innehåller också test (W3C, 2006a). 8

9 WCAG 1.0 är organiserad utifrån riktlinjer som har riktpunkter. Varje riktpunkt kan vara av prioritet 1,2 eller 3 och det är utifrån dessa riktpunkter som man utgår över hur väl WCAG 1.0 är uppfyllt. WCAG 2.0 är istället organiserad utifrån fyra principer. Märkbar informationen på webbplatsen måste vara tillgänglig för alla sorters användare. Fungerande - Webbplatsen måste inneha ett fungerande gränssnitt som inte kräver interaktion med användaren som hon inte klarar av. Begriplig - Informationen och dess struktur ska vara förståelig. Utrustningsoberoende - Webbplatsens innehåll måste vara tillgänglig även för användare med webbläsare som inte stödjer ny teknik. Varje princip har riktlinjer och varje riktlinje har ett kriterium (Nivå 1, 2, 3). Det är utifrån dessa kriterier man utgår ifrån när man ska testa hur väl webbplatsen uppfyller WCAG 2.0 (W3C, 2006a). Enligt W3C kommer webbutvecklaren inte att behöva göra några större förändringar på webbplatsen om den redan uppfyller WCAG 1.0 (W3C, 2006a). WCAG 2.0 kommer att ersätta version 1.0 och en del har redan börjat använda version 2.0 (W3C, 2007c). Det är dock några kriterier som tillkommer för att uppfylla WCAG 2.0. Dessa är (endast Nivå 1 och 2 kriterier): (W3C, 2006c). Om ett inmatningsfel inträffar ska felet visas för användaren i text. (Nivå 1) Information som är viktig och uppmärkt (t.ex. med fet stil) måste kunna förstås även utan denna uppmärkning. (Nivå 2) Information ska inte vara beroende av form, storlek eller visuell position för att kunna förstås. (Nivå 2) Användaren ska kunna stänga av bakgrundsljud som spelas upp automatiskt utan att behöva stänga av allt ljud. (Nivå 2) Webbplatser ska inneha en beskrivande titel. (Nivå 2) Om ett inmatningsfel inträffar ska förslag till användaren, om inte förslagen äventyrar säkerheten, ges för inmatning. (Nivå 2) Formulär som har hand om finansiella transaktioner eller som ändrar alternativt tar bort data från något data lagringssystem måste uppfylla minst en av följande punkter: (Nivå 2) 1. Man kan ångra ett kommando. 2. Formuläret kontrolleras innan nästa steg startas. 3. Användaren kan förhandsgranska och bekräfta eller korrigera information innan den sänds iväg. 2.4 LIX LäsbarhetsIndeX Runt 1960 utvecklades LIX (Läsbarhetsindex) av pedagogikforskaren Carl-Hugo Björnsson. Det hela går ut på att man genom en matematisk formel kan räkna ut hur svår en text är att läsa (Semios, 2007). Formeln som används är LIX = Lm+Lo. Lm står för det genomsnittliga antalet ord per mening och Lo står för antalet långa ord (fler än sex bokstäver) per mening uttryckt i procent. Värdet som man får fram när man adderar dessa tal avrundas till ett heltal. Heltalet är textens LIX-värde (Semios, 2007). 9

10 Björnsson skapade en skala över vad som ansågs vara lättläst och vad som var svårare att läsa (Semios, 2007). Värde Bedömning < 30 Mycket lättläst, barnböcker Lättläst, skönlitteratur, populärtidningar Medelsvår, normal tidningstext Svår, normalt värde för officiella texter > 60 Mycket svår, byråkratsvenska Tabell 1 Skala för LIX (läsbarhetsindex) Melin (2003), som är docent i Nordiska språk, skriver att det är svårt att själv skriva en lättläst text. Han menar också att det finns ett par enkla mätmetoder tillgängliga men ingen av dem stämmer överens med verkligheten. Samtidigt skriver han att LIXmätningar är mycket pålitliga, han menar dock på att man kan lura LIX att få lägre värde om man vill. W3C rekommenderar själva att man kontrollerar texten med hjälp av LIX (W3C, 1999a). 2.5 AJAX vs Tillgänglighet Vanliga HTML webbsidor är statiska och går inte att förändra, men med hjälp av en ny teknik vid namn AJAX (Asynchronous JavaScript and XML) kan man komma runt detta problem. Med hjälp av XMLHttpRequest metoden kan man hämta data från servern utan att behöva ladda om hela webbsidan. På detta sätt kan man välja att uppdatera bara delar av sin webbsida och får då webbplatsen att mer likna vanliga datorprogram (Langridge, 2005). Ordet AJAX kommer från James Garret (Garret, 2005) där han definierar vad AJAX är och hur det fungerar. AJAX existerade egentligen innan artikeln skrevs, men det var efter att Garret kom på namnet som intresset kring AJAX verkligen tog fart. Problemet mellan AJAX och hjälpmedel för funktionshindrade är att när AJAX applikationen laddat in ny information på webbsidan vet inte skärmläsaren om att det har inträffat. På detta sätt missar användaren den nya informationen (Ajaxian, 2007) Går det att skapa tillgängliga webbplatser med AJAX? James Edwards gjorde den 5 maj 2006 (SitePoint, 2006) ett test för att kontrollera om det fanns någon lösning som skulle kunna klara av att få skärmläsare att upptäcka dynamiskt uppdaterat innehåll. Efter flera försök kom han fram till att det ännu inte fanns någon lösning på problemet med tillgänglighet och AJAX. Han avrådde dessutom webbutvecklare att använda sig av AJAX om ingen alternativ lösning också fanns tillgänglig. Problemet mellan AJAX och hjälpmedel för funktionshindrade skulle man kunna bryta ner i dessa punkter (Mozilla Developer Center, 2007b): Hur ska den nya teknologin informera användaren om att innehållet är uppdaterat? Vad ska hända om en del av sidan uppdateras samtidigt som användaren läser en annan del av sidan? Vad ska hända om två delar på sidan uppdateras samtidigt? I december 2006 publicerade W3C ett dokument (WAI-ARIA) som visade på en lösning hur man kunde få dynamiskt uppdaterat innehåll tillgängligt. Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap) är skapat för att även användare med hjälpmedel kan använda dessa nya tillämpningar. WAI-ARIA är dock 10

11 vid skrivande stund ej helt färdigställt och stödet är just nu inte speciellt stort bland hjälpmedel och webbläsare (Mozilla Developer Center, 2007a). Rich Schwerdtfeger som är ingenjör på IBM och grundare av WAI-ARIA Roadmap menar att användare kräver mer av webben idag och mer dynamiska tillämpningar och detta leder till teknologier som inte alla användare kan ta del av (W3C, 2007d). Han menar också att ARIA utgör det första steget att göra dynamiska webbplatser tillgängliga för alla Praktiska lösningar för tillgängliga AJAX applikationer Lösningen på problemet med hjälpmedel för funktionshindrade som WAI-ARIA tagit fram är att man tilldelar den del av webbsidan (ofta ett lager) ett live attribut. Live märkningen hjälper webbutvecklaren att tala om för skärmläsaren när och hur informationen ska visas för användaren. Märkningen kan också vara till nytta för skärm förstorare eller användare som använder en liten skärm. Dessa kan använda märkningen för att bestämma vad som ska visas på skärmen (Mozilla Developer Center, 2007b). De olika egenskaperna som live kan anta är (W3C, 2006e): Off. Är standarden från början. Uppdatering av element kommer inte att uppmärksammas av användaren. Off lämpar sig till element som uppdateras ofta, som t.ex. en timer. Polite. Uppdatering av element uppmärksammas av användaren såvida inte användaren gör något annat. Polite lämpar sig till de flesta element som ska presentera nytt innehåll, som t.ex. uppdatering av nya rubriker/nyheter. Assertive. Uppdatering av element uppmärksammas av användaren direkt, det betyder däremot inte att användaren blir avbruten om hon gör något annat. Assertive kan användas till varningsmeddelande från ett formulär. Rude. Uppdateringen anses vara viktig och avbryter användaren oavsett vad hon gör. Rude ska dock användas med försiktighet då det kan framkalla förvirring hos användaren. Med hjälp av egenskapen controls kan man associera ett element med det elementet det kontrollerar. Se följande exempel: <div id= mittlager aaa:live= assertive ></div> <p> <input type= button onclick= startaajax() aaa:controls= mittlager value= Uppdatera mittlager /> </p> Lagret är i detta fall kontrollerat av knappen. När knappen trycks informeras användaren, när hon inte gör något annat, att lagret har ändrats av hennes knapptryck och innehållet i mittlager läses upp Skapa egna tillgängliga och interaktiva element WAI-ARIA presenterar också ett annat attribut, role. Att ge elementen olika roller är ett enkelt sätt för webbutvecklaren att göra egna interaktiva element tillgängliga. Med hjälp av describedby kan man sedan namnge och strukturera sitt HTML dokument (W3C, 2006f). Se följande exempel: 11

12 <span role="role:button" tabindex="0" aaa:describedby="knappbeskrivning" onkeydown="return knapptryck(event);" onclick="return knapptryck(event);"> Valfritt knapp namn </span> <span aaa:role="role:description" id="knappbeskrivning"> Information om vad som händer när du tryckt på knappen. </span> I detta exempel finns en knapp, gjord av ett span element, som har en beskrivning associerad till den. När knappen är fokuserad, och dess namn har lästs upp, kommer beskrivningen och span elementet knappbeskrivning läsas upp. 2.6 Lagar gällande tillgängliga webbplatser Förenta Nationernas Konvention Den 30/ skrev Sverige under FN:s konvention om mänskliga rättigheter för personer med funktionshinder. Konventionen innebär krav på tillgänglighet för såväl information och service som lokaler och kommunikationer. Konventionen täcker det mesta från samhället och ska se till att alla personer, oavsett funktionshinder, har samma rättigheter att komma åt information. Konventionen träder ikraft då 20 länder börjat använda den som en folkrättslig regel (Handikappombudsmannen, 2007) Svenska lagar och riktlinjer I en proposition till riksdagen skriver regeringen (Sveriges Regering, 2000) att statliga myndigheter har ett ansvar att göra verksamhet, lokaler och information tillgängligt för personer med funktionshinder. Man skriver också att tillgänglighet är en viktig demokratifråga och att ökad tillgänglighet leder till bättre förutsättningar för människor med funktionshinder att klara av det dagliga livet. Vidare menar man att de flesta åtgärderna för att skapa tillgänglighet är både enkla och billiga. I förordningen 2001:526 står det att statliga myndigheter ska göra sin verksamhet tillgänglig för alla. Målsättningen med informationstekniken är att förenkla tillvaron för medborgarna och företagen enligt Vervas 24-timmarswebben (2006). Handisam (2006) skriver i boken Riv hindren att ett sätt att vara säker på att webbplatsen uppfyller tillgänglighet är att man följer Vägledningen för 24-timmarswebben som är en sorts guide över hur en webbplats kan byggas upp för bättre tillgänglighet. Man hänvisar också till WAI:s riktlinjer, och menar att de ska följas för att få en fullt tillgänglig webbplats EU:s lagar EU har i sin handlingsplan eeurope 2002 Ett informationssamhälle för alla tagit ställning för att största möjliga andel av befolkningen ska få tillgång till samhällets information. Man skriver också att de offentliga webbplatserna bör använda sig av WAI för bättre tillgänglighet. 2.7 Tidigare undersökningar Beere m.fl. gjorde 2003 en undersökning av 50 webbplatser i USA där man både undersökte webbplatserna mot USA:s Section 508, en amerikansk motsvarighet till WCAG, och WAI:s WCAG 1.0. Studien var koncentrerad på att hitta vilka slags tillgänglighetsproblem som fanns på webben just då. Resultatet var allt annat än 12

13 positivt, 1/50 av de testade webbplatserna hade full tillgänglighet även om några av webbplatserna bara hade några mindre fel som var enkla att rätta till. Matson & Sullivans (2000) undersökning visade också på stor brist beträffande webbplatsers tillgänglighet. I den undersökningen tog man med de 50 största webbplatserna i USA. 41 av de 50 undersökta webbplatserna visade på någon form av tillgänglighets- eller användbarhetsproblem. En mycket senare och svensk undersökning gjordes av Verva i januari Den undersökningen stödde sig inte mot vare sig WCAG:s riktlinjer eller Section 508 utan man tog fram egna riktlinjer över av vad som bör uppfyllas för en tillgänglig webbplats. Riktlinjerna är dock baserade på WCAG 1.0. Undersökningen mätte inte bara tillgänglighet utan också användbarhet. Mätningen visar på att 20 % använde kod som följde W3C:s standard, 70 % använde sig av föråldrad teknik såsom ramar och tabeller (för layout). 13

14 3 Metod I denna uppsats undersöks det om Kronobergs läns kommunala webbplatser är tillgängliga för funktionshindrade personer. Undersökningen görs genom att undersöka om webbplatserna uppfyller WCAG 1.0 riktpunkter av prioritet 1 som presenteras i bilaga 2. Uppsatsen hänvisar till både elektroniskt och tryckt material. Det elektroniska materialet har erhållits genom sökningar i databasen ELIN och på Internet. Sökord som använts är accessibility, WAI, Web content accessibility guideline, tillgänglighet och AJAX. Det elektroniska materialet kommer från rimligen pålitliga källor som t.ex. statliga myndigheter eller organisationer. Det tryckta materialet har erhållits genom sökningar i Växjös universitetsbibliotek. Undersökningen kommer inte att ge en bild om svenska kommuners webbplatser är tillgängliga utan en mer lokal bild över om kommuner från Kronoberg har tillgängliga webbplatser. För att mäta tillgängligheten för webbplatserna har WAI:s riktlinjer från WCAG valts. Valet grundar sig på att både Sverige och EU använder sig av dessa riktlinjer vid utveckling av offentliga webbplatser (se kapitel 2.6.2). Författaren har också av den anledningen valt att testa webbplatserna mot WCAG 1.0 trots att version 2.0 finns tillgänglig. Detta beslut grundar sig dels på att WCAG 2.0 ännu inte har godkänts som en standard (W3C, 2006a) och dels skulle test av webbplatserna mot WCAG 2.0, när webbutvecklarna har jobbat mot version 1.0, ge ett orättvist resultat. Undersökningen har bara undersökt om webbplatserna uppfyller WCAG 1.0 prioritet 1. Om webbplatserna inte uppfyller riktpunkter av prioritet 1 kommer en eller fler grupper inte kunna använda webbplatsen (se kapitel 2.3.1). Prioritet 2 och 3 har inte samma effekt om de inte uppfylls, därför har webbplatserna bara testats mot WCAG 1.0 prioritet 1. Undersökningen har bara undersökt ingångssidan på varje webbplats. Enligt Matson & Sullivan (2000) kan man anta att om ingångssidan inte är anpassad för funktionshindrade lär inte heller de andra webbsidorna på webbplatsen vara det. Om ingångssidan inte skulle vara anpassad för funktionshindrade användare och de andra webbsidorna skulle vara det kan inte den funktionshindrade användaren komma åt dessa webbsidor ändå. Man skulle dock kunna tänka sig att använda sig av stickprov där man slumpmässigt valde ut ett antal webbsidor från webbplatsen för tillgänglighets kontroll. Ett tillgänglighetsprogram har använts för att testa webbplatserna, alla riktpunkter kunde dock inte testas automatiskt utan krävde manuell kontroll. Därför har även en del av riktpunkter kontrollerats manuellt (se kapitel 3.3). Undersökningen har mätt antalet riktpunkter som inte uppfylldes och har genom en fördefinierad skala fått fram om eller hur väl webbplatserna är tillgängliga. Mer ingående diskussion kring detta hittas i kapitel Tillgänglighetsprogram Det finns idag ett antal olika program som testar webbplatsernas tillgänglighet. Några av dessa är: A-prompt Web Accessibility Checker - WebXACT/BOBBY - Wave Accessibility Tool Accessibility Toolbar

15 A-prompt är ett tillgänglighetsprogram som körs direkt på datorn. Man kan bara kontrollera lokala filer, d.v.s. filer som finns på hårddisken. A-prompt är gjort av företaget ATRC, som har slutat att utveckla programmet, de har istället startat en webbaserad tillgänglighetstjänst i Web Accessibility Checker. Skillnaden mellan A- prompt och denna tjänst är att den stödjer WCAG 2.0, är datoroberoende och kan kontrollera webbplatser direkt från nätet (A-prompt, 2007). Bobby eller numera WebXACT, utvecklat av WatchFire, är också en webbaserad tjänst för tillgänglighetskontroller. Tjänsten har inte stöd för WCAG 2.0 och kan inte heller kontrollera lokala filer. Wave Accessibility Tool 3.5 är även den en webbaserad tjänst som är utvecklat av WebAIM. Tjänsten är dock i skrivande stund under utveckling och när tjänsten prövades kunde man bara se hur många tillgänglighetsproblem den testade webbsidan hade. Det fanns ingen eller lite information om vad för fel det handlade om. Web Accessibility Toolbar, utvecklat av Vision Australia, är egentligen inte tillgänglighetsprogram som automatiskt kontrollerar webbplatsers tillgänglighet. Programmet är till för att hjälpa webbutvecklaren att kontrollera om webbplatsen är tillgänglig. Man kan t.ex. transformera om webbplatsen att visas i svart/vitt, utan stilmallar eller se hur en färgblind användare hade sett webbplatsen. Verktygen kommer man enkelt åt genom verktygsfältet som läggs till i Internet Explorer när man installerar programmet. Noteras ska dock att programmet endast går att användas tillsammans med Internet Explorer. Figur 1 A-Prompt A-prompt är det program som har använts för kontroll av riktpunkterna. Enligt en undersökning (Beere, 2003) av olika tillgänglighetsprogram visar det sig att A-prompt är det program som är mest pålitligt. Undersökningen visade att A-prompt kunde identifierade alla riktpunkter för WCAG 1.0 av prioritet 1. Programmet meddelade dock att en del riktpunkter inte kunde kontrolleras (dessa presenteras i kapitel 3.3). Ett exempel på en sådan riktpunkt var t.ex. språkförändringar på webbsidan. Inget av programmen kunde dock identifiera sådana riktpunkter. Eftersom Beeres (2003) 15

16 undersökning visade att A-prompt kunde identifiera alla fel kommer denna undersökning använda sig av det programmet. Fördelen med ett tillgänglighetsprogram är att det går fortare att kontrollera webbsidorna och det kräver mindre jobb för webbutvecklaren när hon ska testa sin webbplats. Nackdelen med tillgänglighetsprogram är att man inte med säkerhet kan veta om resultatet den visar är helt rätt. Ett exempel på detta är de alternativa texterna för en bild. En bild föreställande ett lejon skulle lika gärna kunna inneha en giraff som alternativ text. Tillgänglighetsprogrammet skulle inte känna av någon skillnad. Författaren förutsätter därmed att om webbutvecklaren väl tagit sig tid att lägga till alt-attribut på alla img element har hon också tagit sig tid att skriva en text som beskriver bilden. 3.2 LIX I WCAG 1.0 Riktpunkt 14.1 står det att man ska använda ett enkelt språk anpassat till innehållet (W3C, 1999a). För att kontrollera detta kommer läsbarhetsmetoden LIX att användas. SEMIOS webbprogram för LIX räknare ( kommer att användas för att få en bild om webbplatsens text är svårläst. Resultat med värde 40 eller lägre kommer anses vara lättlästa texter, detta beslut baseras på tabell 1 som presenterades i kapitel 2.4. Om webbplatsen innehar en länk till en alternativ webbsida med lättläst text kommer riktpunkt 14.1 att kontrolleras mot denna webbsida istället för den ordinarie ingångssidan för webbplatsen. Melin (2003) hävdar att det går lura LIX räknaren att få ett lägre värde. Detta skulle betyda att text stycken skulle kunna manipuleras för att uppnå högre tillgänglighet på webbplatserna. Melin skriver dock att LIX är en pålitlig metod för att avgöra om en text är svårläst eller inte. På detta sätt kan man säga att om värdena inte är högre än 40, är inte texten svårläst då gränsen för svårläst text börjar vid värdet 41. Hur lättläst texten är kommer inte undersökningen ta någon hänsyn till, texten får dock aldrig vara svårläst. 3.3 Manuella kontroller Testet som Beere (2003) gjorde över tillgänglighetsprogram visade att A-prompt var det bästa programmet för att detektera tillgänglighetsproblem för webbplatser. Trots detta är det omöjligt för vanliga datorprogram att identifiera vissa riktpunkter och dessa är också presenterade av programmet som riktpunkter som behöver manuell kontroll. Beere satte ihop ett antal regler för varje riktpunkt som var tvungen att kontrolleras manuellt. Författaren har satt ihop liknande regler baserat på W3C:s information om riktpunkter. Textalternativ kommer inte kontrolleras att de innehar rätt beskrivning av objekt eller liknande, detta för att få en konsekvent undersökning med de automatiskt kontrollerade riktpunkterna. Hur man uppfyller riktpunkterna hittas i bilaga 2. Riktpunkterna kommer att kontrolleras manuellt tillsammans med Web Accessibility Toolbar (se kapitel 3.1) och dessa riktpunkter är följande: Riktpunkt 2.1: Använd inte enbart färger för struktur Strukturen ska inte enbart baseras på färger. En användare som bara kan se svart/vitt måste kunna se webbplatsens struktur på samma sätt som en användare som kan se färger. Länkar ska kunna urskiljas från normal text utan att använda färger. T.ex. bör länkar vara understrukna även när inte pekdonet pekar på länken. 16

17 Riktpunkt 4.1: Ange språkförändring i dokument Alla ord på webbplatsen som inte använder standardspråket ska indikeras med lang attributet. Riktpunkt 6.1: Webbplatsen ska vara tillgänglig utan formatmallar Webbplatsen ska vara lika tillgänglig och tydligt strukturerad även när formatmallar är inaktiverat. Riktpunkt 6.2: Uppdatera textalternativ samtidigt som dynamiskt innehåll Om dynamiskt innehåll uppdateras ska även alla textalternativ inom det dynamiska innehållet uppdateras. För scripts, applets och liknande ska en beskrivande text visas om dessa inte kan visas. Riktpunkt 6.3: Webbplatsen ska fortfarande kunna användas om scriptprogram är inaktiva Webbplatsen ska kunna användas även om scriptprogram är inaktiva, annars ska ett textalternativ visas (webbplatsen måste dock fortfarande kunna användas) eller en alternativt tillgänglig webbsida. Riktpunkt 7.1: Undvik flimrande objekt Objekt får inte skapa flimmer på skärmen. Riktpunkt 11.4: Om det inte går att skapa en tillgänglig webbsida, skapa en alternativ webbsida. Om webbplatsen innehar en alternativ webbsida, kommer bara den alternativa webbsidan att testas mot WCAG 1.0 prioritet Sammanfattning av metod Undersökningen kommer att mäta antalet riktpunkter som bryts. Enligt Beere (2003) är det lättare, om man ser det från den praktiska sidan, att rätta till tio fel från samma riktpunkt än det är att rätta till tio fel från tio olika riktpunkter. Ett exempel på detta är om t.ex. webbutvecklaren missat fem alternativa texter på bilder. Ett sådant fel skulle vara mycket enklare att rätta till än om webbutvecklaren missat fem olika riktpunkter av helt olika typ. Beere (2003) menar också att fler riktpunkter som inte är uppfyllda kan orsaka stora tillgänglighetsproblem. En riktpunkt kommer att anses vara uppfylld även om det inte finns några objekt eller element på webbplatsen som rör riktpunkten. Beere (2003) strök en del riktpunkter delvis p.g.a. att ingen av webbplatserna använde det objektet eller elementet som riktpunkten rörde. Den här undersökningen har med alla riktpunkter av prioritet 1. Även om det inte finns någon webbplats som innehar ett objekt eller element som rör en riktpunkt kommer inte detta påverka resultatet ändå. T.ex. kommer riktpunkt 11.4 anses vara uppfylld även om ingen extra webbsida har skapats. 17

18 En skala har satts upp över hur väl webbplatserna uppfyller WCAG 1.0 prioritet 1 (delvis baserad på Beeres (2003) skala): Kategori Tillgänglighets nivå 0 riktpunkter brutna Fullt tillgänglig 1-2 riktpunkter brutna Måttligt otillgänglig 3-4 riktpunkter brutna Svårt otillgänglig 5+ riktpunkter brutna Helt otillgänglig Tabell 2 Skala över hur tillgänglig webbplatsen är Undersökningens skala är något hårdare än vad Beere (2003) har satt upp. Författaren anser dock att webbplatser som bryter mot fem eller fler riktpunkter av prioritet 1 är tillräckligt allvarligt för att det ska anses som en helt otillgänglig webbplats. Sammanfattningsvis kommer undersökningen att gå till på följande sätt: Steg Kontrollerar riktpunkter A-prompt 1.1, 1.2, 1.3, 1.4, 5.1, 5.2, 9.1, 12.1 LIX 14.1 Manuella kontroller 2.1, 4.1, 6.1, 6.2, 6.3, 7.1, 11.4 Tabell 3 Undersökningsmall 3.5 Genomförande av undersökning Undersökningen har genomförts av författaren som använt sig av en PC med Windows XP som operativsystem, upplösning 1280x1024, Internet Explorer 6.0 som webbläsare, Web Accessibility Toolbar (WAT) 1.2 och A-Prompt som hjälpmedel för kontroll av tillgängligheten. Undersökningen genomfördes den 8/5 2007, skärmdumpar från webbplatserna hittas i bilaga 3. Undersökningen började med att programmet A-prompt kontrollerade en del av riktpunkterna (se tabell i kapitel 3.4). I steg 2 av undersökningen kopierades ingångssidans text alternativt den lättlästa ingångssidans text till Semios Lix-räknare för att få ut ett LIX-värde. I steg 3 kontrollerades resterande riktpunkter manuellt. Riktpunkt 2.1 kontrollerades via WAT m.h.a. funktionen som stänger av färgerna på webbplatsen. Även riktpunkt 6.1, 6.2 och 6.3 kontrollerades tillsammans med programmet WAT där funktionerna för att stänga av applets, JavaScript och stilmallar användes. Riktpunkt 4.1 kontrollerades helt manuellt, författaren letade då efter språkförändringar i dokumentet och kontrollerade sedan i webbsidans HTML kod om förändringen hade indikerats. Riktpunkt 7.1 kontrollerades också helt manuellt, författaren kontrollerade då om webbplatsens bilder fick skärmen att börja flimra. Även riktpunkt 11.4 kontrollerades manuellt, författaren letade då efter en länk som hade en alternativ och tillgänglig webbsida som länkmål. Vissa webbplatser hade en speciell lättläst version av sin webbplats, dessa ingår inte i riktpunkt 11.4 då de hade länknamnet Lättläst och bör då gå under riktpunkt

19 4 Resultat Följande tabeller och figurer visar resultatet av undersökningen. Tabell 4 innehåller de riktpunkter som webbplatserna har testats mot. Riktpunkt: Innehåll: 1.1: Använd textalternativ för varje element som inte är text. 1.2: Använd extra textlänkar för varje område i en serverbaserad multiklickbar bild. 1.3: Tills användarprogram kan läsa ut ett textalternativ till en visuell presentation ska en beskrivning av den viktiga informationen vara tillgänglig. 1.4: Tidsstyrda multimediapresentationer ska synkroniseras med de alternativa presentationerna. 2.1: All information som visas med färg ska kunna uppfattas utan färg 4.1: Ange om språket på webbplatsen ändras 5.1: Ange rad och kolumn överskrifter i datatabeller 5.2: Om datatabeller har två eller fler nivåer med rad- och kolumnöverskrifter ska kodningen indikera hur de hör samman. 6.1: Webbplatsen ska fortfarande kunna läsas utan att använda formatmallar. 6.2: Textalternativ till dynamiskt skapat innehåll ska uppdateras när det dynamiska innehållet gör det. 6.3: Webbplatsen ska kunna användas även om scriptprogram, applets och andra program är frånslagna eller inte stöds av webbläsaren. 7.1: Tills användaren kan styra skärmflimmer ska funktioner som får skärmen att flimra undvikas. 9.1: Använd multiklickbara bilder i klientdatorn istället för multiklickbara bilder i servern. 11.4: Om en tillgänglig webbplats anses vara omöjlig ska en alternativ webbsida skapas. 12.1: Varje ram ska inneha en egen titel 14.1: Använd enklast möjliga språk Tabell 4 - WCAG 1.0 Riktpunkter av prioritet 1. Kategori Antal webbplatser Fullt tillgänglig (0 brutna) 0 Måttligt otillgänglig (1-2 brutna) 2 Svårt otillgänglig (3-4 brutna) 3 Helt otillgänglig (5+ brutna) 3 Tabell 5 - Antalet webbplatser per kategori Tabell fem visar antalet webbplatser i varje kategori. Tabellen visar att ingen webbplats hamnar i kategorin fullt tillgänglig, medan tre webbplatser hamnar i kategorin helt otillgänglig med fem eller fler brutna riktpunkter. Två webbplatser har inte långt kvar till kategorin fullt tillgänglig då de hamnar i kategorin måttligt otillgänglig med endast en eller två brutna riktpunkter. Tabellen visar också att samtliga webbplatser har någon form av tillgänglighetsproblem och att 6/8 webbplatser är svårt otillgängliga eller helt otillgängliga. 19

20 Antalet webbplatser som bryter mot en speciell riktpunkt 8 7 Antalet webbplatser som bryter mot riktpunkten Riktpunkter Figur 2 - Antal webbplatser som bryter mot en speciell riktpunkt Figur två visar antalet webbplatser av de åtta testade som bryter mot en speciell riktpunkt. Totalt sett var det nio riktpunkter som alla webbplatser uppfyllde. Sju av dessa riktpunkter uppfylldes genom att ingen webbplats hade något element eller objekt som rörde riktpunkten. De två riktpunkter som alla uppfyllde och där en eller fler webbplatser berördes av riktpunkten var 9.1 (multiklickbara bilder i klientdatorn istället för på servern) och 2.1 (all information med färg ska uppfattas lika bra utan). Riktpunkterna 1.3 och 1.4, som omfattar multimediala presentationer, bröts inte på någon webbplats då ingen av dem hade något innehåll i form av film. Ingen av webbplatserna bröt heller mot riktpunkt 1.2 där extra textlänkar ska vara presenterade då serverbaserade multiklickbara bilder används. Ingen av de testade webbplatserna hade någon datatabell och ingen bröt heller mot riktpunkterna 5.1 och 5.2, där indikering över hur kolumner och rader hör samman ska vara angett (5.2) och datatabellers överskrifter ska använda elementet th (5.1). Ingen av webbplatserna hade bilder som gjorde att skärmen började flimra (riktpunkt 7.1). Ingen av kommunerna hade någon extra tillgänglig webbsida som komplement till sin egen webbplats (riktpunkt 11.4). Figuren visar att riktpunkt 1.1, 4.1 och 6.2 var de riktpunkter som oftast var brutna. Gällande riktpunkt 1.1 var ofta den alternativa texten för visuellt innehåll glömd, för riktpunkt 4.1 hade sex webbplatser glömt indikera en språkförändring på webbsidan. Sex webbplatser hade också glömt noscript elementet till deras JavaScript på webbsidan (riktpunkt 6.2). Fyra av webbplatserna kunde inte användas när JavaScript var frånslaget (riktpunkt 6.3) och fyra av webbplatserna använde sig av ramar där man inte hade angett någon titel för ramen (12.1). Tre webbplatser klarade inte testet i LIX (14.1) och fick värden över 40. En av webbplatserna hade dessutom så svår text att den hamnade i LIX skalans byråkratsvenska. Två webbplatser bröt mot riktpunkt 6.1 där strukturen ska vara lika förståelig utan formatmallar som med. En av dessa webbplatsers rubrik över vilken webbplats man besökte försvann då formatmallar stängdes av. Totalt sett var det sju riktpunkter av 16 möjliga som inte uppfylldes av en eller fler webbplatser. 20

21 Kommun Automatiska kontroller LIX Manuella kontroller Totalt Alvesta x x x x x x 6 Lessebo x x x x x 5 Ljungby x x x x 4 Markaryd x x x x 4 Tingsryd x x x x x x 6 Uppvidinge x x x 3 Växjö x x 2 Älmhult x 1 Tabell 6 - Riktpunkter för varje kommuns webbplats (x=ej uppfylld riktpunkt). Tabell fyra visar antalet brutna riktpunkter för varje webbplats. Alvesta och Tingsryds webbplatser har lite att justera då de bröt mot samma sex riktpunkter vardera. Båda webbplatserna hade glömt textalternativ till visuellt innehåll och båda webbplatserna var uppbyggda med ramar och hade glömt title attributet för varje ram. Det fanns ingen indikering av språkförändring i dokumentet och den beskrivande texten av JavaScript saknades. Varken Alvesta eller Tingsryd klarade LIX testet då båda fick värden över 40. Webbplatserna kunde inte heller användas då JavaScript var frånslaget. Tingsryd hade b.la. skrivit JavaScript direkt i href-attributet och hade ingen alternativ lösning för de som saknar stöd för JavaScript. Se koden nedan. <MAP name=map> <AREA title=kommunen onclick="navigateto(2);return false" shape=rect target=pubmain alt=kommunen coords=3,3,73,23 href="javascript:void(0)"> Kod: <A class=publink7 href=" target=pubmain> <B>Everybody dance now</b> </A> Figur 3 - Språkförändring i dokumentet (riktpunkt 4.1). Lessebos webbplats bröt mot fem riktpunkter och hamnar i kategorin helt otillgänglig. Webbplatsen saknade indikering av språkförändring i dokumentet (se figur 3). Det saknades också alternativ text till bilder och ramarna saknade titel. Webbplatsen kunde inte användas då JavaScript var inaktiverat och textalternativ till JavaScript saknades. 21

22 Kan uppfattas av en användare med synnedsättning som [1][toplogo.gif] Figur 4 - Använd textalternativ för varje element som inte är text (riktpunkt 1.1). Ljungby och Markaryd bröt båda mot fyra riktpunkter var medan Uppvidinge bröt mot tre riktpunkter. Alla tre hamnar i kategorin svårt otillgängliga. Gemensamt för dessa tre var att alla glömt textalternativ till visuellt innehåll (se figur 6). Ljungby kommuns webbplats gick inte att använda när JavaScript var inaktiverat. Uppvidinge kommun använde sig av ramar och hade inte namngett ramarna med title attributet. Ljungby och Markaryd bröt också mot riktpunkt 6.1 där webbplatsens struktur inte var lika anpassad utan formatmallar. Ljungbys huvudlänkar såg ut som vanlig text då formatmallar var inaktiverat, därav var strukturen inte lika tydlig utan formatmallar (se figur 5). Figur 5 - Webbplatsen ska fortfarande kunna användas och läsas utan formatmallar (riktpunkt 6.1). Älmhult klarade testet allra bäst och missade endast indikering av språkförändring på webbsidan (riktpunkt 4.1). Växjö blev näst bäst i testet med två tillgänglighetsproblem, även de hade missat indikering av språkförändring men också beskrivande text av JavaScript mha noscript elementet (riktpunkt 6.2). 22

23 5 Diskussion Här diskuteras undersökningens tillförlitlighet och undersökningens resultat. Kapitlet avslutas med förslag på vidareutveckling av uppsatsen. 5.1 Metoddiskussion Vissa faktorer kan påverka resultatet av denna uppsats och diskussion om resultatets tillförlitlighet kan därav uppstå. Dessa faktorer klarläggs nedan. Valet att kontrollera webbplatserna mot WCAG anses vara självklart då riktlinjerna kommer från W3C som är en stor organisation som under många år tagit fram riktlinjer och standarder för webben. Att kommunerna själva utvecklat sina webbplatser mot WAIs riktlinjer styrker detta val ytterliggare. Valet att kontrollera webbplatserna mot WCAG 1.0 och inte mot version 2.0 styrks då version 2.0 inte är helt färdigutvecklad. En annan anledning är att kommunernas webbutvecklare troligtvis har utvecklat sina webbplatser mot version 1.0. Skulle en webbplats utvecklats mot 2.0 kommer den fortfarande uppfylla WCAG 1.0, däremot gäller inte det motsatta då vissa kriterier har lagts till i den senare versionen. Att kontrollera en del riktpunkter med hjälp av ett tillgänglighetsprogram kan däremot anses mindre tillförlitligt. Programmen kan missa vissa riktpunkter på webbsidan. T.ex. kan inte ett tillgänglighetsprogram se skillnad på en felbeskrivande text och en text som är rätt. Undersökningen har helt enkelt utgått från att webbutvecklaren tagit sig tid att skriva en beskrivande text som verkligen beskriver objektet. Däremot upptäcker tillgänglighetsprogrammet alltid om en beskrivande text helt glömts bort. A-prompt har använts som tillgänglighetsprogram. Beere m.fl. (2003) använde sig av detta program i sin undersökning. I förundersökningen identifierade A-prompt alla tillgänglighetsfel och Beere m.fl. utsåg dessutom programmet som det bästa tillgänglighetsprogrammet att kontrollera WCAG 1.0 med. Även om det idag finns nyare tillgängligetsprogram visar användningen av programmet i tidigare undersökningar att A-prompt är ett tillförlitligt tillgänglighetsprogram. Riktpunkt 14.1 kontrollerades m.h.a. en LIX räknare. LIX är skapat för att ge en uppfattning över hur svår en text är, det är ingen exakt vetenskap. Undersökningen har inte tagit någon hänsyn till hur lättläst webbsidans text är utan bara om den är svårläst eller ej. W3C (1999a) rekommenderar också att man kontrollerar sin text mot en LIX räknare och därav anses LIX räknaren som en tillförlitlig källa. Undersökningen använde sig av Semios LIX räknare och anses tillförlitlig då man får en utförlig beskrivning över hur räknaren kommit fram till resultatet. På detta sätt kan man kontrollera att Semios räknare räknar rätt. En del av riktpunkterna har kontrollerats manuellt och det kan framförallt uppkomma diskussioner runt riktpunkt 6.1 där man ska bedöma om webbplatsen är lika tydligt strukturerad utan stilmallar. Riktpunkten handlar om en subjektiv bedömning, för att göra denna bedömning har författaren använt sig av sina egna kunskaper i medieteknologi. Resterande riktpunkter som kontrolleras manuellt anses vara mer objektiva och kan enklare besvaras med att vara uppfyllda eller inte. 5.2 Resultatdiskussion Resultatet har delats in i olika kategorier för att lättare kunna jämföra hur tillgängliga webbplatserna är. Man skulle här ha kunnat använda viktade punkter och med en matematisk beräkning räkna ut hur tillgängliga webbplatserna var. I denna undersökning är alla riktpunkter lika mycket värda. Diskussion kan dock förekomma om t.ex. endast en riktpunkt bryts såsom 6.3, då framstår webbplatsen som måttligt 23

24 otillgänglig trots att webbplatsen inte går att använda om JavaScript är inaktiverat. Riktpunkterna är uppsatta av W3C och är också indelade i olika prioritetsnivåer. Författaren anser att om en riktpunkt av prioritet 1 inte skulle vara så viktig att den inte måste vara uppfylld skulle den tillhöra en lägre prioritet. W3C menar också att en riktpunkt av prioritet 1 måste uppfyllas för att webbplatsen ska vara tillgänglig. Författaren anser att viktningen av riktpunkter gjorda av W3C räcker och att alla riktpunkter av prioritet 1 ska anses vara lika allvarliga om de bryts. Detta för att om en riktpunkt av prioritet 1 bryts missar en eller fler grupper användare information. T.ex. uppfattar inte blinda användare bilderna om inget textalternativ till det visuella innehållet är angett. Detta bidrar lika mycket till en otillgänglig webbplats som om t.ex. riktpunkt 6.3 bryts där webbplatsen inte kan användas utan att JavaScript är aktiverat. Skillnaden mellan riktpunkterna är endast vilken grupp av användare som missar informationen. Webbplatser som är tillgängliga skapar fler fördelar än att bara funktionshindrade användare kan använda webbplatsen. En tillgänglig webbplats kan t.ex. nås via mobiltelefonen som idag också används för att komma åt webbsidor. En webbplats som uppfyller riktpunkt 14.1 (enklast möjliga språk på webbplatsen) hjälper inte bara personer med nedsatt uppfattningsförmåga utan även användare utan några funktionshinder. Sveriges regering har speciella webbredaktörer som har till uppgift att konvertera och skriva tillgängliga texter. Författaren tror dock att det i många fall kan räcka med att man tänker på att skriva lättförståeligt. En webbplats med ett enkelt språk hjälper användaren att enklare hitta det hon söker. Samma sak gäller riktpunkt 2.1 där information som visas med färg ska även kunna uppfattas utan. Bara för att en användare inte har några funktionshinder behöver det inte betyda att hon förstår att det finns en länk bland texten bara genom att länken har en annan färg. Sammanfattningsvis kan sägas att en tillgänglig webbplats även hjälper användare utan funktionshinder att lättare navigera och hitta den information som hon söker. En tillgänglig webbplats kan därmed skapa mindre förvirring hos användaren än en webbplats som inte är tillgänglig. Resultatet av undersökningen visar att samtliga av de testade webbplatserna hade någon form av tillgänglighetsproblem. Sex av de åtta testade kommunerna hade en svår eller helt otillgänglig webbplats. Detta är utan tvekan ett dåligt resultat. Sveriges regering utfärdade 2001 en förordning där man skriver att all verksamhet från myndigheter ska vara tillgängligt för alla, väger man in detta i resultatet kan man börja ifrågasätta vad kommunerna gör för att se till att deras webbplatser är tillgängliga. Ett annat noterbart resultat av undersökningen är att riktpunkt 1.1 är en av de riktpunkter som bryts på de flesta webbplatserna. Att lägga till alt attributet är en av de allra lättaste tillgänglighetsåtgärderna enligt Paciello (2000), frågan är då varför inte riktpunkt 1.1 är uppfylld på fler webbplatser än bara två av de åtta testade? För att besvara detta behövs fortsatta undersökningar, se avsnitt

25 5.3 Modell för en tillgänglig webbplats Automatiska kontroller LIX Tillgänglig Webbplats Manuella kontroller Figur 6. Författarens modell för att testa om webbplatsen är tillgänglig. Modellen i figur 6 har använts för att testa webbplatsernas tillgänglighet. Modellen ska mer ses som en indikation på hur tillgänglig webbplatsen är än en exakt bedömning. Vid utveckling av webbplatser borde även användartestar, fokusgrupper m.m. finnas med. Automatiska kontroller är när man använder ett tillgänglighetsprogram och testar webbplatsens tillgänglighet. LIX är ett program där textens svårlästhet mäts via en matematisk formel. Båda dessa metoder är oberoende av testarens objektivitet men täcker inte in alla riktpunkter för en tillgänglig webbplats. Manuella kontroller måste därför utföras av testaren och blir därmed alltid subjektiv trots vägledning via riktlinjer och riktpunkter. En fördel med modellen är att de automatiska kontrollerna ger samma resultat oavsett vem som utför testet, samma sak gäller delen med LIX. Författaren tror att modellen lämpar sig mindre bra för ovana webbutvecklare då dessa kanske inte alltid är så insatta i manuella kontroller. Ett tillgänglighetsprogram som skulle kunna kontrollera samtliga riktpunkter hade då varit den bästa lösningen. Ett sådant program finns tyvärr inte idag då en del riktpunkter helt enkelt är för svåra för ett tillgänglighetsprogram att kontrollera. Författaren tror att modellen passar bättre för vana webbutvecklare. Författaren tror vidare att med tanke på webbutvecklarens kunnande borde fler tillgänglighetsproblem bli upptäckta om en van webbutvecklare utför testet. Däremot skulle det kunna uppstå en sorts blindhet för sitt eget verk och på så sätt missa vissa riktpunkter på grund av bristande objektivitet. Man skulle då kunna tänka sig att en utomstående person från webbprojektet kontrollerade webbplatsen. Den utomstående personen bör då vara van vid webbutveckling för att ha mer kunnande om vilka riktpunkter som gäller. 5.4 Förslag på vidareutveckling av uppsatsen Denna undersökning studerar endast kommunernas webbplatser i Kronoberg, det skulle vara intressant att studera fler kommuner för att skaffa sig en bild över alla Sveriges kommunala webbplatser. Det skulle vara intressant och se om tillgängligheten bland Sveriges kommunala webbplatser är lika otillgängliga som i Kronobergs län. Om nu Sveriges (eller bara Kronobergs) kommunala webbplatser skulle vara otillgängliga skulle det vara intressant att studera varför inte dessa kommuner ser till att deras webbplatser är tillgängliga för alla. Enligt Handisam (2006) har över en miljon svenskar någon form av funktionshinder, detta är en väldigt stor skara människor som missar viktig samhällsinformation. Intervjuer med olika webbutvecklare skulle kanske öka förståelsen varför inte dessa människor får tillgång till samma information på webben som personer utan funktionshinder. 25

26 Referenser A-prompt (2007). A-prompt project [Elektronisk] < ( ). Ajaxian (2007). Accessible Web 2.0 Applications with WAI-ARIA [Elektronisk] < ( ). Beere, Patricia, Greenidge, Kisha-Dawn, Lazar, Jonathan & Nagappa, Yogesh (2003). Web accessibility in the Mid-Atlantic United States: a study of 50 homepages. [Elektronisk] Springer Vol 2:4. s < ( ). Carter, Jeff & Markel, Mike (2001). Web Accessibility for people with disabilities: An introduction for web developers. Professional Communication, IEEE Transactions on. Vol 44:4. s., [Elektronisk] < ( ). Clark, Joe (2003). Building Accessible Websites, USA: New Riders Press. Englund, Helena & Sundin, Maria (2004). Tillgängliga webbplatser i praktiken. Stockholm: Jure. EU (2003). eeurope 2002 Ett informationssamhälle för alla [Elektronisk] < ( ). EUR Lex (2006). Europeiska Unionens Officiella Tidning [Elektronisk] < ( ). Funka Nu (2005). Datorhjälpmedel. [Elektronisk] < ( ). Garret, Jesse James (2005). Adaptive Path. Ajax: A new approach to web applications [Elektronisk] < ( ) Handikappombudsmannen. (2007). Sverige undertecknar FN-konvention [Elektronisk] < aspx> ( ). Handisam. (2006). Riktlinjer för tillgänglighet [Elektronisk] < df> ( ). Humphrey Taylor (2000). How the internet is improving the lives of Americans with disabilities [Elektronisk] < ( ). 26

27 Langride, Stuart (2005). DHTML Utopia: Modern Web Design Using JavaScript & DOM, Collingwood: SitePoint. Lilly, B. Erica (2001). Creating Accessible websites: an introduction. Electronic Library. Vol 19:6. s Matson, R & Sullivan, T (2000). Barriers to use: usability and content accessibility on the Web's most popular sites. Proceedings on the 2000 conference on Universal Usability. s [Elektronisk] < ( ). Melin (2001). Begrips! [Elektronisk] < ( ). Molich, Rolf (2000). Webdesign med fokus på användbarhet (Svensk utgåva), Köpenhamn: Studentlitteratur. Mozilla Developer Center (2007a). ARIA: Accessible Rich Internet Applications [Elektronisk] < ( ). Mozilla Developer Center (2007b). AJAX: WAI ARIA Live Regions. [Elektronisk] < ( ). Mozilla Developer Center (2007c). ARIA Button. [Elektronisk] < ( ). Nielsen, Jakob (2000). Designing Web Usability, USA: New Riders Press. Paciello, Michael (2000). Web Accessibility for People with Disabilities. New York: CMP Books. Riksrevionsverket (2003). Ett informationssamhälle för alla? Användbarhet och tillgänglighet hos statliga webbplatser. [Elektronisk] < ( ). Rogoff, Rosalind (2001). Making Electronic Information Accessible to Everyone Professional Communication Conference, IPCC Proceedings. IEEE International. s [Elektronisk] < ( ) Rush, Sharron & Slatin, John M. (2003). Maximum accessibility : making your Web site more usable for everyone. Boston: Addison-Wesley. SCB (2005a). Nedsatt syn. [Elektronisk] < ( ). SCB (2005b). Nedsatt hörsel. [Elektronisk] < ( ). 27

28 Semios (2007). LIX Räknare. [Elektronisk] < ( ). Sitepoint (2006). Ajax and screenreaders: When can it work? [Elektronisk] < ( ). Svenska datatermsgruppen. (2007a). Webbplats. [Elektronisk] < ( ). Svenska datatermsgruppen. (2007b). Webbsida [Elektronisk] < ( ). Svenska datatermsgruppen. (2007c). Webbläsare [Elektronisk] < ( ). Svenska datatermsgruppen. (2007d). Formatmallar [Elektronisk] < ( ). Svenska datatermsgruppen. (2007e). Ingångssida [Elektronisk] < ( ). Svenska datatermsgruppen. (2007f). Multiklickbar bild [Elektronisk] < ( ). Sveriges Regering. (2000). Från patient till medborgare [Elektronisk] < ( ). Sveriges Regering (2006). Ett tillgängligt samhälle [Elektronisk] < ( ). United Nations (2003). Special: Accessibility on the internet. [Elektronisk] < ( ). Verva (2007). 24-timmarswebbens kvartalsmätning [Elektronisk] < timmarswebben/analys/validering htm> ( ). Verva (2006). Vägledning 24-timmarswebben. [Elektronisk] < pdf> ( ) W3C (1999a). Riktlinjer för utformning av innehåll på webben, version 1.0. [Elektronisk] < ( ). W3C (1999b). Web Content Accessibility Guidelines 1.0. [Elektronisk] < ( ). W3C (2001). WAI Infoblad. [Elektronisk] < ( ). 28

29 W3C (2006a). Overview of WCAG 2.0. [Elektronisk] < ( ). W3C (2006b). Requirements for WCAG 2.0 [Elektronisk] < ( ). W3C (2006c). Comparison of WCAG 1.0 checkpoints and WCAG 2.0 [Elektronisk] < ( ). W3C (2006d). W3C Publicerar dokument om tillgänglighet i rika Internet-tillämpningar [Elektronisk] < ( ). W3C (2006e). WAI-ARIA States and properties [Elektronisk] < ( ). W3C (2006f). WAI ARIA Roles [Elektronisk] < ( ). W3C (2007a). About W3C: History. [Elektronisk] < ( ). W3C (2007b). About W3C: Goals. [Elektronisk] < ( ). W3C (2007c). WCAG 2.0 FAQ [Elektronisk] < ( ). 29

30 Bilaga 1 WCAG 1.0 Riktlinjer Riktlinje 1: Tillhandahåll motsvarande, alternativ information för röst, ljud och visuellt innehåll Riktlinje 2: Förlita dig inte bara på färg. Riktlinje 3: Använd kodning och formatmallar och gör det rätt Riktlinje 4: Se till att det är tydligt vilket språk som används i texten Riktlinje 5: Skapa tabeller som mjukt kan omvandlas till text Riktlinje 6: Se till att sidor som använder ny teknik kan övergå mjukt till presentation med äldre teknik Riktlinje 7: Se till att användaren själv kan styra rörliga, blinkande, rullande objekt och webbsidor. Riktlinje 8: Se till att användargränssnitt för program som applet- och scriptprogram är lika tillgängliga som webbsidorna. Riktlinje 9: Utforma för oberoende av presentationsutrustningen Riktlinje 10: Använd interimslösningar Riktlinje 11: Använd W3Cs tekniker och riktlinjer Riktlinje 12: Tillhandahåll information som ger användaren möjlighet att förstå var i dokumentet hon är Riktlinje 13: Tillhandahåll tydliga navigationsanvisningar Riktlinje 14: Se till att dokument är lättillgängliga och inte tillkrånglade (W3C, 1999a & W3C, 1999b) 30

31 Bilaga 2 WCAG 1.0 Riktpunkter av prioritet 1 Riktpunkt 1.1: Använd textalternativ för varje element som inte är text. Detta gäller alla former av element som inte är av text, d.v.s. bilder, grafiska representationer av text, animeringar, applets, ramar, grafiska knappar, bokstavsbilder, ljud, ljudfiler och filmklipp. Attributet alt bör då användas för img, input och applet element. Vid komplicerat innehåll där alt texten inte kan ge en värdig beskrivning bör ytterliggare beskrivning ges t.ex. m.h.a. attributet longdesc till img eller frame element. Riktpunkt 1.2: Använd extra textlänkar för varje område i en serverbaserad multiklickbar bild. Om webbplatsen använder sig av multiklickbara bilder kan man använda sig av följande tre tekniker för att uppfylla tillgänglighet. Om ett object element används ska alternativa länkar finnas i objectets huvud. Om ett img element används ska en alternativ lista med länkarna finnas efter objektet. Alt texten bör dessutom innehålla information att en alternativ lista finns. Om någon annan teknik används för multiklickbara bilder ska en alternativ och tillgänglig webbsida skapas. Riktpunkt 1.3: Tills användarprogram kan läsa ut ett textalternativ till en visuell presentation ska en beskrivning av den viktiga informationen vara tillgänglig. Om webbplatsen använder sig av filmer av något slag som är viktiga ska man använda sig av en beskrivning av filmen. En annan teknik som går att använda sig av är SMIL (synchronized multimedia integration language) som ser till att användaren får den information hon behöver för att förstå innehållet. Riktpunkt 1.4: Tidsstyrda multimediapresentationer ska synkroniseras med de alternativa presentationerna. Om webbplatsen använder sig av filmer som är viktiga ska beskrivningen av filmen (eller animeringen) synkas. Den alternativa texten ska läsas upp samtidigt som filmen. Tekniker som kan lösa detta är bland annat SMIL och SAMI. Riktpunkt 2.1: All information som visas med färg ska kunna uppfattas utan färg Informationen ska kunna uppfattas även för personer som inte kan se skillnad på färger. Problemet löses genom placering, textstorlek, kantlinjer, fet stil. Riktpunkt 4.1: Ange om språket på webbplatsen ändras Om webbplatsens språk helt plötsligt ändras ska användaren bli underättad om detta. Lösning på detta problem kan göras m.h.a. attributet lang i t.ex. ett span element. T.ex. <span lang= en >English</span> Riktpunkt 5.1: Ange rad och kolumn överskrifter i datatabeller Datatabellers kolumn och rad rubriker ska anges med hjälp av elementet th. Se nästa riktpunkts exempel. Riktpunkt 5.2: Om datatabeller har två eller fler nivåer med rad- och kolumnöverskrifter ska kodningen indikera hur de hör samman. Om en datatabell har en komplicerad struktur ska thead, tfoot, tbody användas för att gruppera rader. Col och colgroup för att gruppera kolumner. Attributen Axis, scope och headers ska användas för att beskriva komplicerade relationer mellan data. Ett exempel: <table> <thead> <tr> 31

32 <th id= rubrik1 scope= col >Rubrik 1 kolumner</th> <th id= rubrik2 scope= col >Rubrik 2</th> </tr> </thead> <tbody> <tr> <th headers= rubrik1 scope= row >Rubrik 4</th> <td headers= rubrik2 >Innehåll 2</td> </tr> </tbody> </table> Riktpunkt 6.1: Webbplatsen ska fortfarande kunna läsas utan att använda formatmallar. Innehållet ska vara upplagd i en sådan ordning att det visas i en begriplig följd när formatmallar inte används. Riktpunkt 6.2: Textalternativ till dynamiskt skapat innehåll ska uppdateras när det dynamiska innehållet gör det. Om det dynamiska innehållet ändras måste beskrivningen av innehållet också ändras därav ska man t.ex. inte öppna en bild direkt i en iframe då användaren inte kommer få någon information eller felaktig sådan om vad elementet innehåller. Riktpunkt 6.3: Webbplatsen ska kunna användas även om scriptprogram, applets och andra program är frånslagna eller inte stöds av webbläsaren. Om scriptprogram eller liknande är frånslaget ska webbplatsen fortfarande kunna fungera, om användaren missar information p.g.a. att script program används ska, om möjligt, en alternativ webbsida med motsvarande information finnas tillgänglig. Informationen kan, om möjligt, visas genom noscript elementet. Riktpunkt 7.1: Tills användaren kan styra skärmflimmer ska funktioner som får skärmen att flimra undvikas. Flimmer kan utlösa anfall hos personer med epilepsi och bör undvikas tills användarprogram kan stänga av flimmer. Riktpunkt 9.1: Använd multiklickbara bilder i klientdatorn istället för multiklickbara bilder i servern. Riktpunkten gäller inte om de klickbara områdena i bilden inte kan definieras som geometriska former. Med detta menas att man ska använda sig av de redan befintliga HTML elementen för multiklickbara bilder som t.ex. map. Riktpunkt 11.4: Om en tillgänglig webbplats anses vara omöjlig ska en alternativ sida skapas. Om det anses vara omöjligt att skapa en tillgänglig webbplats ska en alternativ webbsida finnas tillgänglig. Webbsidan ska innehålla samma information som den svårtillgängliga webbsidan och dessutom uppdateras lika ofta. Riktpunkt 12.1: Varje ram ska inneha en egen titel för underlättning vid navigering. Varje frame/iframe element ska inneha ett title attribut som namnger ramen. Detta för att navigering mellan ramarna ska bli enklare för användaren. Riktpunkt 14.1: Använd enklast möjliga språk Webbplatsens texter ska vara enkelt skrivna anpassat till innehållet. (W3C, 1999a & W3C, 1999b) 32

33 Bilaga 3 Skärmdumpar från undersökningens webbplatser Figur 1. Alvesta kommuns webbplats. Figur 2. Lessebo kommuns webbplats. Figur 3. Ljungby kommuns webbplats. 33

34 Figur 4. Markaryd kommuns webbplats. Figur 5. Tingsryd kommuns webbplats. Figur 6. Uppvidinge kommuns webbplats. 34

35 Figur 7. Växjö kommuns webbplats. Figur 8. Älmhult kommuns webbplats. 35

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Webbdirektivet vad innebär det för dig? Tjänster och användbarhet på webben, SKL, 14 september 2017 Pär Lannerö

Webbdirektivet vad innebär det för dig? Tjänster och användbarhet på webben, SKL, 14 september 2017 Pär Lannerö Webbdirektivet vad innebär det för dig? Tjänster och användbarhet på webben, SKL, 14 september 2017 Pär Lannerö webbriktlinjer.se/webbdirektivet Webbdirektivet i praktiken 1. Övergripande om direktivet

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

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

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

Internets historia Tillämpningar

Internets historia Tillämpningar 1 Internets historia Redan i slutet på 1960-talet utvecklade amerikanska försvaret, det program som ligger till grund för Internet. Syftet var att skapa ett decentraliserat kommunikationssystem som skulle

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

Carl-Oscar Hermansson WEBB DESIGN

Carl-Oscar Hermansson WEBB DESIGN Carl-Oscar Hermansson WEBB DESIGN Del SKAPA DIN WEBBPLATS MED HTML. Öppna ett HTML-dokument... 8 6. HTML grundkod... 9 7. Färger... 0 8. Textformatering... 9. Listor... 0 0. Bilder.... Bakgrundsbilder...

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

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

Kognitiv tillgänglighet

Kognitiv tillgänglighet Kognitiv tillgänglighet i digital offentlig service Dokumentation från nätverksträff 2018-11-07 Myndighetssamverkan IT-tillgänglighet (MITT) OBS! Bilderna är kanske inte begripliga på egen hand, men presentationerna

Läs mer

Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem

Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem Målsättning Att bygg upp en komplett webbplats i ett publiceringssystem. Platsen ska vara snygg,

Läs mer

LATHUND FRONTPAGE 2000

LATHUND FRONTPAGE 2000 LATHUND FRONTPAGE 2000 RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel AB.

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

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

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

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

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

WEBBUTVECKLING Kursplanering

WEBBUTVECKLING Kursplanering Kursplanering v 35-37: Struktur, mappar, google-skills, planering, html-grunder, bra/dåliga exempel, webbläsare, editorer v 38-43: HTML - länkar, färger, text, listor, bilder. v 44: Höstlov v 45: Repetition,

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

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

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

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

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

Internet. En enkel introduktion. Innehåll:

Internet. En enkel introduktion. Innehåll: Internet En enkel introduktion Innehåll: Datorns olika delar Starta datorn Så gör du om du kan webbadressen Så gör du om du inte kan webbadressen Kortfattad repetition Alingsås bibliotek, 2012 2 3 4 6

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

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

Ö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

Internet En enkel introduktion

Internet En enkel introduktion Internet En enkel introduktion Innehåll: Inledning 2 Datorns olika delar 3 Starta datorn 4 Hur du gör om du kan webbadressen 6 Hur du gör om du inte kan webbadressen 9 Kortfattad repetition 11 Jan Andrée

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

ALEPH ver. 16 Introduktion

ALEPH ver. 16 Introduktion Fujitsu, Westmansgatan 47, 582 16 Linköping INNEHÅLLSFÖRTECKNING 1. SKRIVBORDET... 1 2. FLYTTA RUNT M.M.... 2 3. LOGGA IN... 3 4. VAL AV DATABAS... 4 5. STORLEK PÅ RUTORNA... 5 6. NAVIGATIONSRUTA NAVIGATIONSTRÄD...

Läs mer

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop Sju riktlinjer vid utveckling av hemsidor för mobil och desktop Denna artikel går igenom hur du gör en hemsida användarvänlig till både vanliga desktopdatorer och mobilanvändare utan att behöva ha två

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

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

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

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Sidan 2 - Logga in Sidan 3 - Uppbyggnad av en sida Sidan 4 - Infoga länk Sidan 5 - Infoga bilaga Sidan 6 - Infoga bild Sidan 7-8 Vad betyder knapparna

Läs mer

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Lokal Gästbok I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Gästboken ska fungera som så att man har ett fält där man kan

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

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter 1M321 Webbteknik 1, 7,5hp Medieteknik 2018 Rune Körnefors rune.kornefors@lnu.se 1. Skapa ett nytt HTML-dokument I denna laboration

Läs mer

SMD084 lp människa/datorinteraktion. Del II Programmeringens matematiska grunder. Del I - Lektionsplanering. Del II Lektionsplanering

SMD084 lp människa/datorinteraktion. Del II Programmeringens matematiska grunder. Del I - Lektionsplanering. Del II Lektionsplanering SMD084 lp 3 2003 Del I Introduktion till människa/datorinteraktion Del II Programmeringens matematiska grunder Del I Introduktion till människa/datorinteraktion Inlämningsuppgifter: Användarperspektiv:

Läs mer

Inställningstips. Visuella anpassningar Windows 10 2015-08-06

Inställningstips. Visuella anpassningar Windows 10 2015-08-06 Inställningstips Visuella anpassningar Windows 10 2015-08-06 Innehåll Inledning... 3 Anpassa bildskärmen... 4 Ändra storlek för text, appar och andra objekt... 4 Ändra muspekare och markör... 6 Egenskaper

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

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism: Webbdesign Man kan definiera webbdesign som konsten att skapa webbplatser. En webbdesigners uppgift är att välja färger som passar, lägga till bra och rätt funktioner till webbplatsen och sedan se till

Läs mer

Snabbstartsguide. Visa eller växla mellan onlinekonton Klicka på ditt konto-id för att ändra inställningar eller växla mellan konton.

Snabbstartsguide. Visa eller växla mellan onlinekonton Klicka på ditt konto-id för att ändra inställningar eller växla mellan konton. Snabbstartsguide Microsoft OneNote 2013 ser annorlunda ut jämfört med tidigare versioner, så vi har skapat den här guiden för att hjälpa dig minimera din inlärningskurva. Växla mellan pekskärm och mus

Läs mer

Nätet. Uppgiften. Nivå

Nätet. Uppgiften. Nivå Nivå 1 Nätet 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. Uppgiften Har

Läs mer

Webbpolicy för Internet och intranät. Allmänt

Webbpolicy för Internet och intranät. Allmänt Webbpolicy för Internet och intranät Allmänt Det är självklart och nödvändigt för Rättviks kommun att kunskap och spridning av information sker både inåt och utåt i den kommunala koncernen via Internet

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

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

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

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

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

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

E12 "Evil is going on"

E12 Evil is going on E12 "Evil is going on" Föreläsning 12, HT2014 AJAX Kurs: 1dv403 Webbteknik I Johan Leitet E12 Evil is going on Dagens agenda AJAX XMLHttpRequest-objektet JSON Vad är AJAX? Asynchronous JavaScript and XML

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

Nya Aquila använder senaste versionen av våra verktyg: UniPaaS 1.9 (tidigare Magic), samt Crystal Reports version 12 (idag kör ni på version 8).

Nya Aquila använder senaste versionen av våra verktyg: UniPaaS 1.9 (tidigare Magic), samt Crystal Reports version 12 (idag kör ni på version 8). Beskrivning av nya Aquila 3 Nya Aquila använder senaste versionen av våra verktyg: UniPaaS 1.9 (tidigare Magic), samt Crystal Reports version 12 (idag kör ni på version 8). Aquila 3 är helt kompatibel

Läs mer

Optimering av webbsidor

Optimering av webbsidor 1ME323 Webbteknik 3 Lektion 7 Optimering av webbsidor Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda Optimering SEO (Search Engine Optimization) Sökmotor: index, sökrobot

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

Så får du Microsofts Office-paket gratis

Så får du Microsofts Office-paket gratis Så får du Microsofts Office-paket gratis 7 Kör Word, Excel, Powerpoint och Onenote i webbläsaren 7 Dela dina dokument 7 För dator, mobil och platta. Kom igång med Microsoft Skydrive och Office Web Apps

Läs mer

Handbok till Oribi Speak for Chrome

Handbok till Oribi Speak for Chrome Handbok till Oribi Speak for Chrome Oribi Speak for Chrome är ett tillägg (eng. extension) för webbläsaren Google Chrome och fungerar i Chrome OS (ChromeBook), Windows, OS X (Mac) och Linux. Oribi Speak

Läs mer

Lathund Claro Read Plus

Lathund Claro Read Plus Lathund Claro Read Plus Innehållsförteckning LathundWord Read Plus V 5...1 Innehållsförteckning...1 Starta... 2 Knappbeskrivning... 2 Börja läsa... 2 Börja skriva... 2 Knapp 8 Inställningar... 3 Knapp

Läs mer

Språk för webben introduk4on 4ll HTML

Språk för webben introduk4on 4ll HTML Föreläsning i webbdesign Språk för webben introduk4on 4ll HTML Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se En webbsidas beståndsdelar Text (formaterad, strukturerad) Länkar Inkluderade

Läs mer

Att arbeta med. Müfit Kiper

Att arbeta med. Müfit Kiper Att arbeta med Müfit Kiper Att skriva nya inlägg Alla inlägg som är postade visas i kronologisk ordning, det vill säga det senast postade inlägget kommer visas först om inget annat angetts i temafilerna.

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

Innehålls förteckning

Innehålls förteckning Programmering Uppsats i skrivteknik Axxell Företagsekonomi i informationsteknik 19.3.2015 Respondent: Tomas Björklöf Opponent: Theo Wahlström Handledare: Katarina Wikström Innehålls förteckning 1. Inledning...3

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

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

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

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

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

Att bygga enkla webbsidor

Att bygga enkla webbsidor Nivå 1 Att bygga enkla 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/18cplpy to find out what

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

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

JavaScript. Innehåll. Historia. Document object model DHTML. Varför Javascript?

JavaScript. Innehåll. Historia. Document object model DHTML. Varför Javascript? Innehåll JavaScript En introduktion till skriptspråket JavaScript och till DOM Scripting Introduktion till JavaScript och DOM JavaScript Syntax DOM och DOM Scripting Händelsehantering och CSS Historia

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 TERMINOLOGI I Polopoly används ett antal grundläggande begrepp för publicering och hantering av information, eller innehåll som det också benämns. Nedan följer en kort genomgång av denna grundläggande

Läs mer

extensible Markup Language

extensible Markup Language Datavetenskap Opponenter: Björn Olsson Andreas Svensson Respondenter: Sanaa Al-abuhalje Afrah Al-abuhalje XML extensible Markup Language Oppositionsrapport, C-nivå 2007:06 1 Sammanfattat omdöme av examensarbetet

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

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

version 2.5 CONTENTO SVENSKA AB Introduktion till Kursbyggarverktyg

version 2.5 CONTENTO SVENSKA AB Introduktion till Kursbyggarverktyg version 2.5 CONTENTO SVENSKA AB Introduktion till Kursbyggarverktyg Introduktion till kursbyggarverktyg Contento Svenska AB Hornsgatan 103 117 28 Stocholm Table of Contents KAPITEL 1 Introduktion 2 Begrepp

Läs mer

Att främja tillgänglighet för personer med funktionsnedsättning en förutsättning för mediestöd

Att främja tillgänglighet för personer med funktionsnedsättning en förutsättning för mediestöd 1/5 2018-10-08 Dnr 18/03415 Att främja tillgänglighet för personer med funktionsnedsättning en förutsättning för mediestöd Myndigheten för press, radio och tv (MPRT) arbetar för närvarande med att förbereda

Läs mer

Från svår till lätt svenska en studie av tillgängligheten på svenska kommuners webbplatser för personer med lässvårigheter

Från svår till lätt svenska en studie av tillgängligheten på svenska kommuners webbplatser för personer med lässvårigheter School of Mathematics and Systems Engineering Reports from MSI - Rapporter från MSI Från svår till lätt svenska en studie av tillgängligheten på svenska kommuners webbplatser för personer med lässvårigheter

Läs mer

Komma igång med Klassrum. En lärarhandledning om appen Klassrum för Mac

Komma igång med Klassrum. En lärarhandledning om appen Klassrum för Mac Komma igång med Klassrum En lärarhandledning om appen Klassrum för Mac Presentation av Klassrum för Mac Klassrum är en mångsidig app för ipad och Mac som hjälper dig att vägleda eleverna i lärandet, dela

Läs mer

På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett

På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett relaterat ämne till ett annat. En länk från en sida

Läs mer

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt. Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu

Läs mer