Expertgranskning: Mälardalens Högskola

Storlek: px
Starta visningen från sidan:

Download "Expertgranskning: Mälardalens Högskola"

Transkript

1 Expertgranskning: Mälardalens Högskola Funka Nu AB Döbelnsgatan 21, Stockholm

2 Fakta om rapporten Beställare: Mälardalens Högskola, Per- Arne Hermansson, per- Utförd av: Vår referens: Granskningens syfte: Tidsperiod för undersökningen: Operativsystem vid test: Webbläsare som använts: Teknisk utrustning: Andreas Blackne Pernilla Seger Identifiera de viktigaste tillgänglighetsproblemen i gränssnittet till OS X Windows 8 Google Chrome 27 Internet Explorer 10 MacBook Pro Funka Nu AB Döbelnsgatan 21, Stockholm (24)

3 Bakgrund Funka Nu ABs metodik är utvecklad i nära samarbete med handikapprörelsen. Allt vi rekommenderar är testat i verkligheten. Vår verksamhet bygger på de internationella riktlinjerna för tillgänglighet, Web Content Accessibility Guidelines 2.0 (WCAG 2.0). Funkas långa erfarenhet av tillgänglighetsarbete och tester med användare med olika behov och förutsättningar, med och utan hjälpmedel, visar dock att WCAG 2.0 inte räcker. Vi har därför utarbetat egna testkriterier för punkter som kompletterar det internationella regelverk som offentlig sektor genom EU- beslut ska följa. Funka har på uppdrag av W3C genomfört den auktoriserade översättningen av WCAG 2.0 till svenska. Web Content Accessibility Guidelines 2.0 (WCAG 2.0) Den auktoriserade svenska översättningen av WCAG 2.0 World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) Läs mer om Funka under rubriken Funka Nu AB i slutet av detta dokument. Om expertgranskningen En expertgranskning är inte en fullständig genomgång av alla relevanta tillgänglighetsaspekter. Syftet är i stället att den ska ge en översiktlig bild av tillgängligheten. Målet är att granskningen ska ge svar på följande frågor: Vilka är de största tillgänglighetsproblemen? Var bör fokus för tillgänglighetsarbetet ligga den närmsta framtiden? För att få en fullständig, detaljerad och nyanserad bild över teknisk, pedagogisk och språklig tillgänglighet krävs en revision. Funkas revision innehåller flera hundra granskningspunkter som vi går igenom när vi analyserar och bedömer gränssnittet. Granskningspunkterna ska vara godkända för att ett gränssnitt ska kunna anses fullt tillgängligt. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

4 Sammanfattning Webbplatsen har en del tillgänglighetsbrister, framförallt pedagogiska. Till exempel finns det förbättringsmöjligheter i navigationen, länkarna, layouten och utformningen av vissa objekt. Det här är problem som kommer att drabba mer eller mindre alla. Även tekniskt finns det en del tillgänglighetsbrister. Dessa problem drabbar främst hjälpmedelsanvändare. Dessutom känns det som att mycket av innehållet är slarvigt inlagt. Även länkarna känns oproffsiga eftersom det inte finns någon hover- effekt när användaren för musen ovanför dem. Funka Nu AB, Stockholm Funka Nu AB Döbelnsgatan 21, Stockholm (24)

5 Innehåll Fakta om rapporten... 2 Bakgrund... 3 Om expertgranskningen... 3 Sammanfattning... 4 Innehåll... 5 Resultat... 6 Tekniska tillgänglighetsproblem... 6 Ledtexter... 6 Layout- tabeller... 6 Rubriker... 7 Tabbfokus... 8 Klickytor... 8 Text i bild... 8 Pedagogiska tillgänglighetsproblem... 9 Navigation... 9 Menystruktur Länkar Utformningen av objekt Kontraster Felhantering A till Ö Tillgänglighetsproblem i innehållet Huvudrubrik och ingress Typografi Användarnas olika förutsättningar och behov Funka Nu AB Funka Nu AB Döbelnsgatan 21, Stockholm (24)

6 Resultat Tekniska tillgänglighetsproblem Ledtexter Det förekommer många formulärsobjekt som saknar ledtexter. Ledtexten hjälper användaren att förstå vad som ska matas in i respektive formulärsobjekt. För gravt synskadade användare med skärmläsare är det ofta en förutsättning att det finns ledtexter för att de ska kunna använda formuläret överhuvudtaget. Ett exempel där det saknas ledtexter är från sidan Vill studera (http://www.mdh.se/utbildning). Ett annat exempel är från sidan Kurser (http://www.mdh.se/utbildning/kurser) Layout- tabeller Det förekommer flera ställen på den här webbplatsen där tabeller används för layout. Syftet med tabeller är att de ska användas för att presentera tabelldata på ett åskådligt sätt. Layouten ska inte styras med tabeller utan detta bör istället uteslutande göras med hjälp av stilmallarna (css). Detta beror på att tabeller gör att sidan blir onödigt komplex, vilket försvårar för gravt synskadade användare att ta till sig innehållet. När tabeller väl används är det därför viktigt att de kodas på rätt sätt med rubriker, dataceller och så vidare. Ett exempel på layout- tabell är från sidan Program på grundnivå (http://www.mdh.se/utbildning/program/program- pa- grundniva ). Funka Nu AB Döbelnsgatan 21, Stockholm (24)

7 En annan sida där tabeller används felaktigt är Studievägledning (http://www.mdh.se/utbildning/studievagledning). Rubriker Rubrikstrukturen speglar ibland inte innehållsstrukturen på webbsidan. Gravt synskadade användare med skärmläsare använder den här strukturen både som ett sätt att navigera och till att bygga upp en bild över hur informationen är strukturerad. Om en rubriknivå hoppas över eller om en rubriknivå lämnas tom kan innehållet därför bli förvirrande för dessa användare. En huvudrubrik ska vara markerad med elementet H1 och följas av underrubriker i rätt följd (H2, H3 och så vidare). Detta skapar en logisk struktur som användaren lätt kan följa. Även sökmotorerna använder rubrikerna (främst H1- rubrikerna) till att indexera webbplatsen. Ibland används endast elementet <strong> för att markera rubriker. Ett exempel på detta är från sidan Urval (http://www.mdh.se/utbildning/antagning/urval ). Ibland hoppas rubriknivåer över. Ett exempel på detta är från sidan Busstidtabell (http://www.mdh.se/student/nystudent/busstidtabell ) där nivå 2 i rubrikstrukturen hoppas över. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

8 Tabbfokus Alla användare navigerar inte med mus, utan vissa använder alternativa navigationssätt, exempelvis tangentbordsnavigering. Dessa användare får otillräcklig visuell återkoppling när de flyttar sig runt på webbplatsen. Detta beror på att ni endast förlitar er på webbläsarens inbyggda funktion för att visa vad som har fokus, vilket inte är tillräckligt. Den enda återkopplingen användaren får blir då oftast en tunn streckad linje. Ange istället i stilmallarna hur en länk eller en del av ett formulär ska se ut när det får fokus. Det här är inte speciellt svårt utan kan göras med koden :focus i css- filen. Ange även i stilmallarna hur objekt ska se ut när användaren som använder mus för musen ovanför dem. Speciellt för äldre och personer med en synnedsättning är det visuella stödet viktigt för att de ska se var de befinner sig. Nedan visas ett exempel från startsidan där det blir mycket svårt att urskilja tabbfokus. Klickytor Klickytorna är ibland onödigt små. Att träffa små ytor är ett problem som inte enbart drabbar användare med motoriska funktionsnedsättningar utan också användare som surfar med mobilen. Det är därför viktigt att klickytorna är tillräckligt stora för att användaren inte ska klicka fel. Detta gäller i synnerhet objekt som ligger intill varandra. För användaren kan det vara mycket irriterande att klicka fel. För ovana användare kan det också bli förvirrande om de kommer till en annan sida än den de hade tänkt komma till. Exempelvis har ikonerna till sociala medier som visas nedan för små klickytor. Även ikonerna under stycket Ikoner har klickytor som är i minsta laget. Text i bild En grundprincip är att text ska presenteras som text och inte bilder av text för att användare med uppläsande hjälpmedel ska kunna tillgodogöra sig informationen. Det räcker inte med att bilderna är försedda med alt- texter. Dessa kan endast läsas av skärmläsare. Andra uppläsande hjälpmedel, som till exempel uppläsande hjälpmedel för personer med dyslexi, kan inte läsa upp dessa utan läser endast upp sådant som är inlagt som text. Flera exempel på bilder av text finns på startsidan. Ett annat exempel är från sidan Vill studera (http://www.mdh.se/utbildning). Funka Nu AB Döbelnsgatan 21, Stockholm (24)

9 I högerspalten förekommer det också ofta bilder av text. Pedagogiska tillgänglighetsproblem Navigation Om navigationskonceptet är oklart finns en risk att vissa användare fastnar eller får ägna lång tid åt att lista ut hur de ska navigera på webbplatsen. På den här webbplatsen finns det några saker med navigationskonceptet som kan ställa till problem för användaren. Huvudmenyn En sak som kan ställa till det är att huvudmenyn är stående och placerad till vänster. När användaren kommer längre ned i strukturen försvinner den dessutom, vilket gör att det blir svårt att navigera mellan olika sektioner på webbplatsen. Förutom detta finns det även andra objekt i vänsterspalten vilket gör att det blir otydligt vad som egentligen är webbplatsens huvudmeny. En bättre lösning är att låta menyn var liggande och vara placerad längst upp på sidan. Kollapsande vänstermeny Navigationen följer även ett koncept som gör att det blir svårt för användaren att förstå på vilken nivå i strukturen den befinner sig på. Det här beror på att menyn kollapsar mellan olika nivåer i strukturen. En bättre lösning är att nästa nivå istället fälls ut så att användaren tydligt kan se vad som ligger under vad, likt en trädstruktur. Detta förutsätter dock en tydlig formgivning som visar de olika nivåerna på ett avvikande sätt. Som det är nu fungerar menyn på det här sättet mellan nivå 1 och 2. Efter det kollapsar Funka Nu AB Döbelnsgatan 21, Stockholm (24)

10 menyn, vilket antagligen beror på att den skulle bli för lång annars. Det här är en till nackdel med att placera huvudmenyn i vänsterspalten. Vänstermenyn får då en extra nivå, vilket gör att den snabbt blir för lång. Kollapsande menyer är dock ingen bra idé eftersom det försvårar för användaren att förstå var i strukturen de befinner sig. Länkstigen För att visa var användaren befinner sig förlitar ni istället er på länkstigen. Tester har dock visar att länkstigar fungerar dåligt och att de nästan uteslutande används av avancerade användare. Ovana användaren lägger sällan märke till länkstigen överhuvudtaget. De förväntar sig istället att menyn ska hjälpa dem förstå var i menystrukturen de befinner sig. Mobilnavigation För smala skärmar lägger sig menyn bakom en knapp. Dessutom tillkommer det ett objekt som heter Mer. Detta är sällan någon bra lösning eftersom det inte framgår vad som finns därunder. Om objektet ska finnas vore det bättre om ni hittade ett bättre namn. Ett annat potentiellt problem är att det här objektet hamnar i konflikt med den vanliga menyn. Antagligen vore det bättre om den vanliga menyn hanterade det som finns under Mer också. Menystruktur Menystrukturen är en blandning mellan målgrupps- och ämnesingångar. Detta har visat sig vara problematiskt i tester vi gjort. Det går till exempel att vara en student som är intresserad av Jobb och framtid. Det här menyalternativet ligger dock under Vill studera, vilket gör att det kommer att bli svårt att hitta sidan. Det förekommer även flera andra exempel på där dessa målgruppsingångar ställer till problem. På andra universitet och högskolor finns ofta endast en ingång för Student. På det sättet uppstår ingen konflikt mellan ingångarna. Vi har inte haft möjlighet att gå igenom hela menystrukturen, men kan ändå konstatera att det finns brister som kommer att leda till att användarna får svårt att hitta på webbplatsen. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

11 Länkar Utformningen av länkar Länkarna måste vara utformade så att de går att skilja från brödtexten på sidan, annars kommer många användare att få svårt att identifiera dem. Det måste därför även finnas någon strukturell skillnad mot vanlig brödtext som talar om för användaren vad som är klickbart. Det vanligaste är att länken stryks under, men man kan även tänka sig exempelvis länkikoner. Att endast använda en avvikande färg är inte tillräckligt, men helt klart ett plus. Tydligast blir det om länkarna både är understrukna och har en avvikande färg (förslagsvis blå). Nedan visas exempel på länkar som är svåra att urskilja. Ibland är länkarna placerade i brödtexten. Följden blir att de blir i princip omöjliga att identifiera för personer som ser dåligt eller har dåligt färgseende. Nedan visas ett exempel på hur personer med dåligt färgseende upplever dessa länkar. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

12 Länkars mål För användaren är det också viktigt att veta var länkarna leder. Det är därför viktigt att länktexterna är informativa för att inte riskera att användaren klickar in sig på sidor den egentligen inte är intresserad av eller inte klickar på länken alls eftersom det inte framgår var den leder. Många uppläsande hjälpmedel grupperar dessutom länkarna i separata listor vilket betyder att det är viktigt att länkarna går att förstå ur sitt sammanhang. Länkar som heter här är därför inte tillräckligt informativa eftersom det inte framgår var länken leder utan den kringliggande informationen. Exempel på detta finns bland annat på sidan Anmälan (http://www.mdh.se/utbildning/antagning/2.2312/anmalan ). Problemet med otydliga länkar förekommer dock genomgående på hela webbplatsen. Det förekommer också många länkar som inleds med Läs mer. Detta är onödigt eftersom det är underförstått. Utöver dessa exempel förekommer det genomgående länkar som inte går att förstå ur sitt sammanhang. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

13 Utformningen av objekt Ikoner Om ikoner används är det viktigt att de är vedertagna för att användaren ska förstå vad de betyder. Grundrekommendationen är dock att ikoner alltid kompletteras med en text. Det är inte säkert att alla användare känner till alla ikoner. I synnerhet gäller detta ikoner som ni har infört själva. I vissa fall är det inte möjligt på grund av platsbrist att komplettera ikonerna med text. Då är det viktigt att ikonerna dels är igenkännbara från andra sammanhang och dels korrekt uppmärkta. I vänsterspalten finns exempelvis ikonerna som visas nedan. För nya användare är det omöjligt att förstå vad som kommer att hända när man klickar på dem eller var man kommer att hamna. Dessa ikoner bygger på tidigare kunskaper som inte alla har. Följden blir att många användare kommer missa sidor eller funktioner de hade haft nytta av. Det ska inte behövas instruktioner för att använda en webbplats. Klickbara objekt För användaren är det viktigt att det tydligt framgår vilka objekt som är klickbara. För klickbara bilder kan man tänka sig att använda en pil- ikon eller något annat som visuellt anger att bilden är klickbar. För texter rekommenderar vi tydliga och bra formulerade länkar som ser ut som övriga länkar på webbplatsen. Ett exempel på klickbart objekt som inte ser klickbart ut är bildspelet. Här finns det inget som indikerar att bilden är länkad. Sökfunktionen Inmatningsfältet och sök- knappen på sökfunktionen är utformade på ett ovanligt sätt. Detta kan leda till att vissa användare får problem att använda sökfunktionen. Det finns en god idé i att utforma inmatningsfält och knappar på ett sätt som användaren är van vid, det vill säga, som olika webbläsare presenterar dem som default. Genom att göra på det här sättet låter man användaren återanvända sina tidigare vunna kunskaper om hur andra sökfunktioner fungerar. Vill man designa knappar och inmatningsfält själv är det viktigt att de ser ut som användaren förväntar sig att de ska se ut, det vill säga, så som de ser ut på andra webbplatser. Användaren spenderar nämligen majoriteten av sin tid på nätet på andra webbplatser. I det här fallet bordet det till exempel finnas en separat sök- knapp med en tillräcklig klickyta. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

14 Bildspelet Det förekommer rörelser i gränssnittet som inte går att pausa. Speciellt för användare med koncentrationssvårigheter kan det vara mycket jobbigt med rörelser i gränssnittet när de försöker koncentrera sig på något annat. Erbjud därför en möjlighet att pausa bildspelet. Det går visserligen att pausa bildspelet genom att klicka på en av de små cirklarna längst ned till höger. Detta är dock inget invant beteende hos de flesta användare. Klickytorna är dessutom mycket små. Genvägar Ta bort objektet Genvägar som ligger i sidspalten. Dels har objektet vertikal text, vilket försämrar läsbarheten. Dessutom lägger sig objektet ovanför hela sidan om användaren behöver zooma gränssnittet. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

15 Kontraster Många texter på webbplatsen har dåliga kontraster mot bakgrunden. Dåliga kontraster försvårar för bland annat användare med dåligt färgseende, äldre och andra användare med nedsatt syn. I mobila enheter, som ofta används under skiftande ljusförhållanden, blir det här problemet dessutom extra viktigt. Användarna förväntar sig att gränssnittet ska fungera i både bristande ljusförhållanden och när solen lyser direkt på skärmen. Till exempel har den orangea texten mot den vita bakgrunden som används på flera ställen på webbplatsen endast ett kontrastförhållande på 2,39:1. Detta betyder att kontrasten är klart underkänd för alla textstorlekar då ett värde på 4,5:1 krävs för godkänt. Även den turkosa färgen ger upphov till underkända kontraster. Om ni vill kan ni utan kostnad ladda ner verktyget Colour Contrast Analyser för att testa kontraster själva. Samma kontrastförhållande uppnås om färgerna är inverterade. I det här fallet gör kombinationen av dåliga kontraster och fetstil att länken blir mycket svår att läsa. Den turkosa färgen ger upphov till underkända kontraster även mot en färgade bakgrunden. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

16 Text som presenteras mot en orolig bakgrund riskerar också att få för dåliga kontraster beroende på vilken bakgrundsbild som används. Text bör därför presenteras mot en ren bakgrund som är fri från skiftningar och bilder. En orolig bakgrund drar också till sig läsarens uppmärksamhet och gör det svårare att koncentrera sig på texten, något som i synnerhet drabbar användare med koncentrationssvårigheter. Det går att ha nyansskillnader i bakgrunden men det bygger på att kontrasterna är bättre än minimivärdena. Ett exempel på detta är Nyheter på startsidan. Ett annat exempel är från bildspelet. I det här fallet är kontrasterna klart underkända. Felhantering Felhanteringen i formulären är bristfällig. När det uppstår fel är det mycket viktigt att användaren blir uppmärksammad på detta. Det bästa sättet att göra detta är att överst i Funka Nu AB Döbelnsgatan 21, Stockholm (24)

17 formuläret presentera ett samlat felmeddelande med en tydlig rubrik som talar om att det har blivit fel. I det samlade felmeddelandet bör det framgå: Vad som har blivit fel. Hur många fel det finns. Vad användaren måste göra för att rätta till felen. Sedan ska det även visas var i formuläret dessa fel har uppkommit för att användaren enkelt ska hitta dem. På den här webbplatsen saknas det till exempel felhantering på sidan Kontaktformulär (http://www.mdh.se/student/minastudier/anmalan- antagning/kontaktformular ). På sidan Anmälan till informationsbrev (http://www.mdh.se/utbildning/traffa/anmalan- till- informationsbrev ) dyker det upp ett felmeddelande på engelska. Det står att ett obligatoriskt fält inte är ifyllt, men i formuläret finns det inget fält som är markerat som obligatoriskt. Om ett fält är obligatoriskt är det viktigt för användaren att få information om detta innan formuläret fylls i. Detta kan göras antingen genom att skriva ut det i anslutning till varje obligatoriskt fält eller genom att införa en symbol för obligatoriska fält, men förutsättning att den förklaras längst upp i formuläret. Det går också att vända på det och istället endast ange vilka fält som är frivilliga. A till Ö Det är bra att det finns en tydlig A till Ö- listning av kurser. Undvik dock att inleda med exempelvis Civilingenjörsprogrammet i eftersom alla civilingenjörsprogram kommer att hamna under C. Den här uppdelningen bygger på förkunskaper. Användare som inte känner till om ett program är exempelvis ett civilingenjörs- eller högskoleingenjörsprogram kommer att få svårt att hitta i A till Ö- listningen. Inled d- därför istället med det särskiljande ordet. Alternativt kan dessa program ligga på två ställen i A till Ö- listningen. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

18 Tillgänglighetsproblem i innehållet Huvudrubrik och ingress Två av de viktigaste objekten på en webbsida är huvudrubriken och ingressen. Varje sida bör därför ha en huvudrubrik som placeras högst upp i innehållsdelen. Huvudrubriken fungerar nämligen som ett kvitto på att användaren har hamnat rätt. Huvudrubriken är också bra för sökmotoroptimeringen. Vissa sidor saknar huvudrubrik. Ett exempel på detta är sidan Kurser (http://www.mdh.se/utbildning/kurser). Det finns också exempel på sidor där huvudrubriken inte stämmer överens med menyalternativet. Ett exempel på detta är från sidan Vill studera (http://www.mdh.se/utbildning). I det här fallet står det dessutom utbildning i URL:en vilket varken stämmer överens med huvudrubriken eller menyalternativet. Nedanför huvudrubriken bör det ligga en ingress som skiljer sig tydligt från brödtexten på sidan. Tydliga och välskrivna ingresser är viktiga för att användare ska få en kort sammanfattning om av vad sidan handlar om, vilket ökar läsbarheten. Ingressen ger också en snabb bekräftelse på att man har hamnat rätt. Dessutom gör ingressen att texten ser mer strukturerad ut, vilket gör att den upplevs vara enklare. På den här webbplatsen finns det också många sidor som saknar en ingress. Typografi Undvik text i kursiv och fet stil eftersom det försämrar läsbarheten. Ett exempel på där det förekommer mycket kursiv text (som dessutom är understruken men inte klickbar) är sidan Reservantagning (http://www.mdh.se/utbildning/antagning/reservantagning ). Funka Nu AB Döbelnsgatan 21, Stockholm (24)

19 Funka Nu AB Döbelnsgatan 21, Stockholm (24)

20 Användarnas olika förutsättningar och behov Alla människor är olika. Vi har olika bakgrund, egenskaper och behov. Olikheterna beror dels på våra fysiska förutsättningar och dels på situationen. Detta ställer stora krav på utformningen av olika typer av gränssnitt, exempelvis bankomater, biljettautomater och webbaserade gränssnitt. Sitter du vid din vanliga dator har du förhoppningsvis ställt in datorn så att du har goda möjligheter att se, läsa och ta till dig information. Är du ute och reser och surfar med din mobiltelefon har du helt andra förutsättningar. Många gånger blir det då stora problem att se och förstå gränssnittets uppbyggnad och funktion. Genom att bygga tillgängliga webbplatser fungerar webbplatserna också bättre i alla situationer du kan hamna i. Det finns en rad olika situationer och förutsättningar som en användare kan ha eller hamna i som påverkar förmågan att ta del av gränssnittet. Här redogör vi bara för några av alla dessa. Hur många berörs? Det är svårt att exakt säga hur många personer som har problem att använda en webbplats på grund av bristande tillgänglighet. Dessutom kan problemen innebära allt från att det tar längre tid eller är lite, lite krångligt till att det tar helt stopp och besökare utestängs. Många människor upplever problem utan att ha en funktionsnedsättning. Men om vi ändå utgår från personer med funktionsnedsättning handlar det om någonstans mellan 1,3 och 1,8 miljoner människor. Siffrorna varierar beroende på att vi i Sverige av integritetsskäl inte får registrera funktionsnedsättning. Dessutom går det att mäta på olika sätt. Vissa funktionsnedsättningar är svåra att diagnosticera, andra påverkar bara vissa delar av livet. Differensen beror på om det är individens subjektiva bedömning, medicinska diagnoser, arbetsförmåga eller något annat som ligger till grund för beräkningen. Nedanstående siffror har vi samlat in från Statistiska Centralbyrån, Hjälpmedelsinstitutet, de ideella handikapporganisationerna och andra offentliga källor. Där det föreligger stor skillnad mellan olika källor har vi valt att presentera den lägre siffran. 9,5 procent av befolkningen använder någon typ av hjälpmedel. Användare med problem att styra datorn En användare kan ha problem med att styra datorn. Problemet kan bero på en funktionsnedsättning, exempelvis reumatism, men det kan också bero på utrustningen. En del mobiltelefoner på marknaden ger inte användaren möjlighet att klicka. I stället använder man ett sorts tangentbordsliknande navigeringssätt, där man tar sig från länk till länk med tryck på en speciell knapp. Samma knapp finns på ditt vanliga tangentbord och heter där tabb. Webbplatsen ska gå att styra oberoende av om du har en mus att klicka med eller ett tangentbord att navigera med. Det kallas för "Input Device Independence". Funka Nu AB Döbelnsgatan 21, Stockholm (24)

21 Det finns en rad olika styrhjälpmedel till datorn. Exempelvis talstyrning, huvudstyrda möss och fotnavigering. Fungerar gränssnittet "Input Device Independent" så fungerar det även för dessa hjälpmedel. Många användare har problem med precisionen. Därför är det viktigt att det inte krävs onödigt stor precision för att klicka rätt i gränssnittet. Problemen kan bero på darrhänthet eller att du sitter på ett skumpande tåg. Till denna kategori hör också en stor grupp med personer som har arbetsskador, exempelvis personer med förslitningsskador, belastningsskador eller andra typer av arbetsrelaterade skador. Hur många berörs? Egentligen alla, särskilt när allt fler surfar med mobilen i alla möjliga och omöjliga situationer. Om vi fokuserar på funktionsnedsättningar ser siffrorna ut så här: personer över 16 år har en rörelsenedsättning personer har nedsatt rörlighet i armar eller händer. Sjukdomar i skelettet och rörelseorganen är en av de vanligaste orsakerna till längre sjukskrivning. Det finns över en miljon reumatiker i Sverige men många dör utan diagnos. Användare med problem att tolka och förstå För att besökaren ska kunna använda gränssnittet krävs det att han eller hon förstår vad man ska göra i webbtjänsten. En ovan användare har ofta stora problem med detta eftersom denne kanske inte har sett samma typ av tjänster/lösningar tidigare. Det kan vara svårt att navigera, man glömmer kanske scroll- lister och har svårt att förstå hierarkier på nätet. Därför är det viktigt att gränssnittet fungerar konsekvent och att länkar och menyer är bra utformade. Sitter du vid skärmen på en bärbardator i en mycket ljus miljö är det ofta svårt att uppfatta olika färgskiftningar. Därför är det viktigt att informationen inte är färgkodad så att du måste uppfatta olika nyansskillnader för att göra rätt. Även personer med kognitiva funktionsnedsättningar och personer som befinner sig i stressade miljöer har ett stort behov av enkla, tydliga och pedagogiska gränssnitt. Hur många berörs? Egentligen alla, men i olika grad och olika ofta. Många av oss har svårt att tolka och förstå information i vissa sammanhang. Stress och tidsbrist, att ämnet är okänt för oss, eller att utseende, navigation eller något annat är ovant för oss bidrar till problem att tolka och förstå. Dessutom finns det en ganska stor grupp som inte använder datorer och internet regelbundet. Personer som använder internet sällan kan ha en högre tröskel vad gäller att tolka och förstå hur en webbplats fungerar. Om vi fokuserar på funktionsnedsättningar ser siffrorna ut så här: Cirka 0,5 procent har diagnosen utvecklingsstörning (ungefär personer). Funka Nu AB Döbelnsgatan 21, Stockholm (24)

22 6-7 procent av befolkningen har låg begåvning. 2 procent har mycket låg begåvning. Användare med problem att läsa och tolka skriftlig information För att hjälpa användare som har svårt att läsa krävs att texterna struktureras och formateras väl. Att använda ett begripligt språk och förklara svåra ord, inte använda förkortningar och liknande skrivregler är extra viktigt för personer som har svårt att läsa. En ren, pedagogisk och anpassningsbar visning i gränssnittet hjälper också många. Men det viktigaste är kanske att inte bara förlita sig på text! På webben finns stora möjligheter att få ut information genom att använda bilder, film, ljud och illustrationer. På det sättet når man många fler än genom enbart text. För personer med läs- och skrivproblem finns hjälpmedel som läser upp texten, förklarar svåra ord, ger möjlighet att använda läslinjal, att förändra textens utseende och mycket annat som hjälper användaren. För att hjälpmedlen ska fungera krävs att webbplatsen är tekniskt tillgänglig. Men inte alla som har behov av dessa hjälpmedel får dem i Sverige. I dag är det bara 4 av 21 landsting som beviljar hjälpmedel till personer med läs- och skrivsvårigheter. Personer med annat modersmål än svenska kan inte ens ansöka om att få hjälpmedel, eftersom det inte räknas som funktionsnedsättning att ha annat modersmål. En annan grupp som kan ha svårt att läsa och förstå information är barndomsdöva. Personer som är födda döva har teckenspråk som sitt modersmål och ofta svårt att läsa offentlig svenska. Barndomsdöva har rätt till information på teckenspråk. Hur många berörs? Egentligen alla, för även vana läsare läser både fortare och bättre om texten är välstrukturerad, raderna inte är för långa och så vidare. Om vi fokuserar på funktionsnedsättningar ser siffrorna ut så här: 25 procent av Sveriges vuxna befolkning har problem med att läsa. 4-5 procent beräknas ha dyslexi. Varje år drabbas personer av afasi. En tredjedel av dessa är i yrkesverksam ålder är barndomsdöva, det föds cirka 70 döva barn per år. Det bor cirka 1,4 miljoner utlandsfödda i Sverige, cirka 15 procent av befolkningen. De flesta kommer från Finland, följt av Irak och Jugoslavien som vanligaste födelseland. Det finns en enorm spridning i de språkliga svårigheterna för personer med så olika förutsättningar, utbildning och ålder vid flytten från hemlandet. Funka Nu AB Döbelnsgatan 21, Stockholm (24)

Funkas tips för redaktörer

Funkas tips för redaktörer Funkas tips för redaktörer Vår referens Jennifer Jordal jennifer.jordal@funkanu.se Tel: 08-555 770 81 Datum Senast uppdaterad: juni 2013 Om tipsen De här redaktörstipsen får du för att du är kund hos Funka.

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änglighetsgranskning av riksdagspartiernas webbplatser år 2010

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

Läs mer

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

Tillgänglighetsgranskning av Sociala medier

Tillgänglighetsgranskning av Sociala medier Tillgänglighetsgranskning av Sociala medier Beställare: Utförd av Vår referens Post- och Telestyrelsen Malin Wahlquist Malin.wahlquist@pts.se Andreas Cederbom Sara Bryde Joakim Lundberg Susanna Laurin

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

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

Sammanfattning av tillgänglighetsanalys av fem banker 2010

Sammanfattning av tillgänglighetsanalys av fem banker 2010 Sammanfattning av tillgänglighetsanalys av fem banker 2010 Beställare: Vår referens Post- och telestyrelsen, PTS Ylva Ehn 08-678 5739 ylva.ehn@pts.se Susanna Laurin 08-555 770 61 susanna.laurin@funkanu.se

Läs mer

1) Introduktion i tillgänglighet

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

Läs mer

Granskning av teknisk tillgänglighet i tolv utbildningsplattformar

Granskning av teknisk tillgänglighet i tolv utbildningsplattformar Granskning av teknisk tillgänglighet i tolv utbildningsplattformar 2009 Specialpedagogiska skolmyndigheten Manus: Berit Engberg, Staffan Hammerman och Björn Rönnåsen, Specialpedagogiska skolmyndigheten

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

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

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

Läs mer

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

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

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

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

Läs mer

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

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

Läs mer

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna

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

Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker

Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker 24 november 2009 Bakgrund Ålder: 20, 25 Kön: Kvinna, Kvinna Sysselsättning/utbildning: Marknadsföringsprogrammet, Engelska fristående kurs. Internetvana

Läs mer

INDIVIDUELL INLÄMNINGSUPPGIFT

INDIVIDUELL INLÄMNINGSUPPGIFT INDIVIDUELL INLÄMNINGSUPPGIFT Sofia Aronsson ANVÄNDBARHET OCH GRAFISK DESIGN MIS 13, Nackademin Yrkeshögskola Lärare: Ellinor Ihlström Inledning... 3! Analys... 3! Hitta... 3! Förstå... 5! Använda... 6!

Läs mer

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

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

Läs mer

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

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

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

Läs mer

Nyheterna i Visma Tendsign 4.0

Nyheterna i Visma Tendsign 4.0 Användarmanual Nyheterna i Visma Tendsign 4.0 Uppdaterad 2014-05-21 VISMA COMMERCE AB +46 13 47 47 500 tendsignsupport@visma.com www.tendsign.com Innehållsförteckning 1. Visma TendSign 4.0... 2 2. Grafiskt

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 NYHETER Manual HSB Webb brf 2004 03 23 Nu kan man sätta en hemavdelning på ett arbetsflöde, så att det bara blir synligt från den avdelningen och nedåt i strukturen under en förening. Ett arbetsflöde blir

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

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

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

Läs mer

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

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

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

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

Webbsidekurs för nybörjare

Webbsidekurs för nybörjare Webbsidekurs för nybörjare Hörselskadades distrikt i Stockholms län (www.distriktet.info) Inledande faktaruta Alla HRF föreningar erbjuds möjligheten att kostnadsfritt publicera information på en egen

Läs mer

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

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

Läs mer

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

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

Nyheter i PowerPoint 2010

Nyheter i PowerPoint 2010 Nyheter i PowerPoint 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Som i Office 2007 finns det flikar och grupper i det övre verktygsfältet.

Läs mer

www.faltbiologerna.se

www.faltbiologerna.se Redigering av www.faltbiologerna.se sammanställt av Magnus Bjelkefelt, november 2011 reviderad oktober 2012 Innehållsförteckning 1. Logga in................................................... 2 1.1 Var

Läs mer

Snabbkurs i Wordpress för IOGT-NTO

Snabbkurs i Wordpress för IOGT-NTO Snabbkurs i Wordpress för IOGT-NTO Välkommen till din nya sida! Det här materialet är till för att ge en snabb genomgång av din nya sida och de olika funktionerna så att du snabbt kan komma igång och arbeta

Läs mer

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

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

Läs mer

Manual till publiceringsverktyg

Manual till publiceringsverktyg Manual till publiceringsverktyg Allmänt När man har loggat in hamnar man direkt på översikten över hela webbplatsen. Överst hittar man en meny som alltid ligger med i verktyget. Denna meny innehåller översikten

Läs mer

PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+

PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+ PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+ IT-universitetet i Göteborg Interaktionsdesign - Grafiska Gränssnitt 2003-09-17 Deltagare:

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

Vad är Internet? Innehåll: Inledning Vad är Internet? Om du kan Internetadressen Söka på Internet Länklistor Övningar Repetition

Vad är Internet? Innehåll: Inledning Vad är Internet? Om du kan Internetadressen Söka på Internet Länklistor Övningar Repetition Vad är Internet? Innehåll: Inledning 1 Vad är Internet? 2 Om du kan Internetadressen 3 Söka på Internet 6 Länklistor 9 Övningar 10 Repetition 11 Kortfattad repetition 9 6 Inledning Välkommen till Nyfiken

Läs mer

Gör en egen webbplats

Gör en egen webbplats I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

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

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 2 Så här skapar du en ny sida. Mycket av informationen nedan kan tillämpas på skapandet av andra typer av innehåll, till exempel nyheter, blogginlägg,

Läs mer

!!! Instruk(onsmanual. Ale kommun www.ale.se. Roll: Webbredaktör Version: 1.0 Datum: 2013-12- 02 Ansvarig: Anne Kolni

!!! Instruk(onsmanual. Ale kommun www.ale.se. Roll: Webbredaktör Version: 1.0 Datum: 2013-12- 02 Ansvarig: Anne Kolni Instruk(onsmanual Ale kommun www.ale.se Roll: Webbredaktör Version: 1.0 Datum: 2013-12- 02 Ansvarig: Anne Kolni 1 av 23 Kom i gång med Sitevision 3 Redigeringsläget i Sitevision 4 Struktur 5 Skapa en ny

Läs mer

Dokumentation. Redaktörsmanual. Vår referens. Andreas Cederbom andreas.cederbom@funkanu.se 08 555 770 64. Datum

Dokumentation. Redaktörsmanual. Vår referens. Andreas Cederbom andreas.cederbom@funkanu.se 08 555 770 64. Datum Dokumentation Redaktörsmanual Vår referens Andreas Cederbom andreas.cederbom@funkanu.se 08 555 770 64 Datum Senast uppdaterad: mars 2013 Om manualen Tanken med denna redaktörsmanual är att den ska vara

Läs mer

Innehåll: Startnyckel, introduktion. Internet som resurs 2. Del 3. Funktioner: Länkverktyget Infoga bild Infoga ljud Spara i Galleriet

Innehåll: Startnyckel, introduktion. Internet som resurs 2. Del 3. Funktioner: Länkverktyget Infoga bild Infoga ljud Spara i Galleriet Innehåll: Startnyckel, introduktion. Internet som resurs 2 Del 3 Funktioner: Länkverktyget Infoga bild Infoga ljud Spara i Galleriet 1 Internetuppkoppling förstärker de pedagogiska möjligheterna med en

Läs mer

Arg-administratörens guide till Umbraco v 1.2.1

Arg-administratörens guide till Umbraco v 1.2.1 Arg-administratörens guide till Umbraco v 1.2.1 Logga in 1. Öppna en webbläsare och gå till inloggningssidan: https://www.sfog.se/umbraco/ 2. Skriv in följande användarnam & lösenord : 3. Klicka på Logga

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

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

Slutrapport: Framtagande av riktlinjer för utveckling av tillgängliga mobilgränssnitt

Slutrapport: Framtagande av riktlinjer för utveckling av tillgängliga mobilgränssnitt Slutrapport: Framtagande av riktlinjer för utveckling av tillgängliga mobilgränssnitt Funka Nu AB Döbelnsgatan 21, 111 40 Stockholm 08-555 770 60 kontakt@funkanu.se Innehåll Inledning... 3 Mål och syfte...

Läs mer

Publiceringsverktyget

Publiceringsverktyget Publiceringsverktyget Uppdaterad 2015-03-18 Presentera företaget på eventwebben Inför mässan är det viktigt att du så tidigt dom möjligt uppdaterar din presentation på eventwebben. Många av dina kunder

Läs mer

Analys av com hems startsida

Analys av com hems startsida IT-Universitetet Interaktionsdesign Grafiska gränssnitt, 6p Göteborg ht 2003 Analys av com hems startsida Björn Nord d00nord@dtek.chalmers.se 1. Innehållsförteckning 1. Innehållsförteckning... 2 2. Inledning...

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

Publiceringsverktyget

Publiceringsverktyget Publiceringsverktyget Uppdaterad 2013-11-18 Presentera företaget på mässwebben Inför mässan är det viktigt att du så tidigt dom möjligt uppdaterar din presentation på mässwebben. Många av dina kunder använder

Läs mer

Lathund skapa och redigera sidor en projektwebb

Lathund skapa och redigera sidor en projektwebb Lathund skapa och redigera sidor en projektwebb 1. Gå in via redigeringsadressen: https://projektwebbaradmin.lansstyrelsen.se/miljosamverkanskane 2. Skapa sida Navigera till den del av webbplatsen där

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

DIGITAL MANUAL BILAGA 1 TILL GRAFISK PROFIL KK 13/167

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

Läs mer

Wordpress handledning för distrikt, lokalavdelningar och personsidor

Wordpress handledning för distrikt, lokalavdelningar och personsidor Wordpresshandledning fördistrikt,lokalavdelningaroch personsidor 1 Index Adminpanel... 5 Användare... 21 BWS Plugins... 15 inlägg... 6 Inlägg skapa och hantera... 7 Kategorier... 7 Inställningar... 14

Läs mer

Innehåll. Omslagsfoto: Daniel Sahlberg. Liber AB Version 2.1 Sida 1

Innehåll. Omslagsfoto: Daniel Sahlberg. Liber AB Version 2.1 Sida 1 ONLINEBOKEN MANUAL Innehåll Om onlineboken...2 Onlinebok på dator och surfplatta...2 Kom igång med onlineboken... 3 Öppna onlineboken... 3 Läsa i onlineboken... 3 Hitta i onlineboken... 3 Lyssna på onlineboken...

Läs mer

Manual - Introduktionskurs SiteVision

Manual - Introduktionskurs SiteVision Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision den 3 september 2014 09:00 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga

Läs mer

Manual för webbpublicering. Enköpings kommun

Manual för webbpublicering. Enköpings kommun Manual för webbpublicering Enköpings kommun Innehåll ATT LOGGA IN I SWWWING 3 Inloggningsrutan 3 GRÄNSSNITTET 4 Filhanteraren 4 Content Management 4 Verktyget Notify - Dags att uppdatera 4 SKAPA OCH REDIGERA

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Manual för. 2.4 KALAS Sitemanager

Manual för. 2.4 KALAS Sitemanager Manual för 2.4 KALAS Sitemanager 1. Introduktion Den här manualen skall hjälpa dig att komma igång så att du själv på ett enkelt sätt kan lägga till, redigera eller ta bort webbsidor på din webbplats.

Läs mer

Hur man lägger upp och redigerar dokument i Typo3.

Hur man lägger upp och redigerar dokument i Typo3. Hur man lägger upp och redigerar dokument i Typo3. Typo3 är ett så kallat CMS, Content Management System där du enkelt och smidigt kan lägga ut kursinformation och bilder. Detta verktyg är webbaserat vilket

Läs mer

Dags att skriva uppsats?

Dags att skriva uppsats? Dags att skriva uppsats? Grundkurs i Word 2010 SDM Studentdatorutbildning vid Malmö högskola Att skriva i Word! 1 Börja skriva/skapa ditt dokument- något att tänka på 1 Spara ditt dokument 1 Bra att veta

Läs mer

Manual till publiceringssystemet WebMe

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

Läs mer

Lathund Bygga mallar. Senselogic AB Version 2.3

Lathund Bygga mallar. Senselogic AB Version 2.3 Lathund Bygga mallar Senselogic AB Version 2.3 Innehållsförteckning 1 Begrepp... 1 1.1 Innehållsyta... 1 1.2 Mallyta... 2 1.3 Layouter... 3 1.3.1 Fliken marginaler... 1.3.2 Fliken Inställningar... 1.3.3

Läs mer

Tips och idéer för Windows 8

Tips och idéer för Windows 8 Tips och idéer för Windows 8 Läs mer om it i lärandet på webben: www.spsm.se/itochlarande Tips och idéer för Windows 8 Skriften är utgiven av Specialpedagogiska skolmyndigheten (SPSM). Skriften kan hämtas

Läs mer

Att skriva på datorn

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

Läs mer

Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering

Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering Innehåll Redigeringsverktyget... 3 Hantera bilder... 5 Infoga pdf-fil... 5 Lägg till mall... 6 Infoga YouTube-klipp... 6 Infoga länk... 7 Infoga tabell... 8 Kodupprensning... 10 CSS-klass... 10 Egna anteckningar:...

Läs mer

Dokumentation av rapportmall

Dokumentation av rapportmall Dokumentation av rapportmall Utgivningsår: 2003 Författare: Eva Erbenius Samhällsmedicin Centrum för Tillämpad Näringslära Box 175 33 Wollmar Yxkullsgatan 19 118 91 Stockholm Innehåll Inledning... 3 Rapportens

Läs mer

Användarhandbok för administratörer av tjänsten för Mobil och surfplatta

Användarhandbok för administratörer av tjänsten för Mobil och surfplatta Användarhandbok för administratörer av tjänsten för Mobil och surfplatta Ideon Science Park Scheelevägen 17 223 70 Lund, Sweden Innehåll Inledning... 3 Om Handboken... 3 Målgrupp... 3 Översikt av Applikationen...

Läs mer

Lathund för webbpublicering på Vi Ungas distriktswebbplatser

Lathund för webbpublicering på Vi Ungas distriktswebbplatser Lathund för webbpublicering på Vi Ungas distriktswebbplatser 1 1. Introduktion 3 2. Inloggning 3 3. Publicering av nyheter 4 4. Hantera nyheter 7 5. Snabblänkar 7 6. Sidor 8 7. Händelser 8 8. Distriktets

Läs mer

Guide till hur du sköter din förenings hemsida. Kommentarer till Oscar om tillkommande saker: responsiv design nyhetsbrev

Guide till hur du sköter din förenings hemsida. Kommentarer till Oscar om tillkommande saker: responsiv design nyhetsbrev Guide till hur du sköter din förenings hemsida Kommentarer till Oscar om tillkommande saker: responsiv design nyhetsbrev 1 Innehåll Guide till hur du sköter din förenings hemsida Innehåll Bakgrund Ett

Läs mer

Snabbmanual. för. Lärresurshanteringsverktyget

Snabbmanual. för. Lärresurshanteringsverktyget Snabbmanual för Lärresurshanteringsverktyget Beskrivning av olika vyer i Lärresurshanteringsverktyget Skapa I detta fönster skapar man nya sidor och/eller väljer struktur på sin lärresurs. Men man redigerar

Läs mer

Myndighetsundersökningen 2011 Om lättläst information på svenska myndigheters webbplatser

Myndighetsundersökningen 2011 Om lättläst information på svenska myndigheters webbplatser Lättläst: Myndighetsundersökningen 2011 Om lättläst information på svenska myndigheters webbplatser Internet är idag en av de viktigaste platserna där myndigheterna träffar medborgarna. Myndigheterna har

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

EPiSERVER 7.5. För nybörjare. Krister Holm - Kommunikationsavdelningen Uppdaterad 1 juli 2014

EPiSERVER 7.5. För nybörjare. Krister Holm - Kommunikationsavdelningen Uppdaterad 1 juli 2014 EPiSERVER 7.5 För nybörjare Krister Holm - Kommunikationsavdelningen Uppdaterad 1 juli 2014 1 Vad är nytt? Höger musknapp används inte. Ett nytt sätt att arbeta. Nytt utseende. Responsiv design. Det vill

Läs mer

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor Hemsida Lathund för medlemsföreningar 2015 10 13 Funktioner för medlemsföreningar på hemsidan Varje medlemsförening har en egen sektion på scuf.se Styrelsen kan redigera sin medlemsförenings sidor, skriva

Läs mer

Kunskapscentrum för Äldres Säkerhet

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

Läs mer

Skriv och publicera begripligt

Skriv och publicera begripligt Dokumentation Skriv och publicera begripligt Sala den 22 januari 2009 Karin Forsell 08 555 770 73 0763 38 28 63 karin.forsell@funkanu.se 2 Innehåll Inledning 4 Bakgrund 4 Utbildningens innehåll 5 Varför

Läs mer

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2) 1 Instruktioner Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 2. Logga in (SIDA 2) 3. Hem (SIDA 2) 4. Skapa/redigera sidor (SIDA 3) 41. Lägg till ny sida (SIDA 3) 42. Avancerat (SIDA 4) 5. Texteditor (SIDA

Läs mer

Användarhandbok Mealman

Användarhandbok Mealman Användarhandbok Mealman Mars 2015 Innehåll 1 Idén bakom Mealman... 2 2 Varför och hur ska Mealman användas?... 3 3 Installation... 4 3.1 Spara Mealman som en app-ikon.... 4 3.1.1 Jag använder Internet

Läs mer

EPiSERVER 7.5. För nybörjare. Krister Holm - Kommunikationsavdelningen Uppdaterad 8 juli 2014

EPiSERVER 7.5. För nybörjare. Krister Holm - Kommunikationsavdelningen Uppdaterad 8 juli 2014 EPiSERVER 7.5 För nybörjare Krister Holm - Kommunikationsavdelningen Uppdaterad 8 juli 2014 1 Vad är nytt? Höger musknapp används inte. Ett nytt sätt att arbeta. Nytt utseende. Responsiv design. Det vill

Läs mer

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt 1. Inställningar / Kontaktuppgifter Uppgifter som matas in i den vyn ovan visas i sidfoten på hemsidan: 2. Skapa nya sidor Om man

Läs mer

Vårt webbverktyg. Tänk på att inte använda bilder som förvirrar. Använd gärna film. Skriv också vad filmen handlar om, för den som inte kan se filmen.

Vårt webbverktyg. Tänk på att inte använda bilder som förvirrar. Använd gärna film. Skriv också vad filmen handlar om, för den som inte kan se filmen. Vårt webbverktyg Klicka här för att få en kort introduktion av Victoria Sjöström om hur webbplatserna i fub.se fungerar! http://youtu.be/gtjtjz-votk Kognitiv tillgänglighet och utvecklingsstörning Utvecklingsstörning

Läs mer

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: www.alvsbyn.se/wp-admin. Byta lösenord

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: www.alvsbyn.se/wp-admin. Byta lösenord Sidan 1 av 9 Logga in och administrera hemsidan Inloggningslänk: www.alvsbyn.se/wp-admin Byta lösenord 2. Klicka på Profil 3. Längst nere hittar du två fält: Nytt lösenord och Bekräfta nytt lösenord. Fyll

Läs mer

MA NU AL. www.ftf.se. Mitt lokala FTF UPPDATERAD 2012-05-22

MA NU AL. www.ftf.se. Mitt lokala FTF UPPDATERAD 2012-05-22 MA NU AL www.ftf.se Mitt lokala FTF UPPDATERAD 2012-05-22 INNEHÅLL 1. Riktlinjer för Mitt lokala FTF 4 1.1. Inledning 4 1.2. Riktlinjernas syfte 4 1.3. Syftet med lokala sidor på FTFs webb 4 1.4. Sidor

Läs mer

ATT GÖRA WEBBSIDOR. Frivillig labb

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

Läs mer

Sammanfattning från Stormötet med skolorna 14 april

Sammanfattning från Stormötet med skolorna 14 april Sammanfattning från Stormötet med skolorna 14 april VIKTIGT ATT TÄNKA PÅ NAR VI BYGGER VÅR WEBBPLATS! Målgruppen. Vilken är din målgrupp? Vad vill de veta? Vad vill de göra? Layout och design Tänk på placeringen

Läs mer

Webbmanual för nyhetsredaktörer på Fågelviksgymnasiet

Webbmanual för nyhetsredaktörer på Fågelviksgymnasiet Datum 2013-01-28 Webbmanual för nyhetsredaktörer på Fågelviksgymnasiet Del 1 introduktion till EpiServer, skapa sidor och skriva samt publicering av kontaktuppgifter och länkar Tibro kommun 543 80 TIBRO

Läs mer

Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2

Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2 1 Innehåll Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2 Allmänna inställningar hur du ändrar utseende och språk samt navigerar i menyn

Läs mer

Uppdaterad: 2014-05-07. Lathund. Bildhantering

Uppdaterad: 2014-05-07. Lathund. Bildhantering Uppdaterad: 2014-05-07 Lathund Bildhantering 1 1 Innehållsförteckning Inledning 3 Bildhantering 4 Infoga bild 4 Infoga dokument 5 Redigera bilder 7 Anpassa bild själv via bildverktyget 7 Anslagstavlan

Läs mer

Slutrapport. Översättning av WCAG 2.0 till svenska

Slutrapport. Översättning av WCAG 2.0 till svenska Slutrapport Översättning av WCAG 2.0 till svenska Innehållsförteckning INLEDNING... 3 MÅL OCH SYFTE... 3 PROJEKTBESKRIVNING... 3 METOD... 4 MÅLGRUPPER... 4 ORGANISATION... 5 Funkas arbetsgrupp... 5 Referensgruppen...

Läs mer