Manual för Trafikverkets webbtjänster 1 mars 2011 Version 1.0. Manual för Trafikverkets webbtjänster 1

Transkript

1 Manual för Trafikverkets webbtjänster 1 mars 2011 Version 1.0 Manual för Trafikverkets webbtjänster 1

2 Titel: Manual för Trafikverkets webbtjänster Utgivningsdatum: Utgivare: Trafikverket Den senaste versionen av Manual för Trafikverkets webbtjänster finns på Trafikverkets webbplats, tillsammans med logotyp, dekorelement och profiltexter. Manual för Trafikverkets webbtjänster 2

3 Innehåll Om riktlinjerna...4 Gemensam identitet...4 Användare och ansvar...4 Lagar och regler...4 Utseende och struktur Logotyp...6 Typografi...7 Färger...8 Symboler...9 Grundläggande layout och struktur för Trafikverkets externa webbpats...10 Grundläggande layout och struktur för Trafikverkets intranät Innehåll Bilder Kartor...16 Webbanpassat språk Användning Tillgänglighet Användbarhetstester Formulär Media Tjänster och tillämpningar Tillämpningar av tjänster Flödestjänst Tjänst med egen funktion...33 Tjänst med inloggning Tjänster på intranätet Tjänst i mobil...36 Stöd i arbetet Referenslista Kontakt Orientering Menyer...19 Länkar Webbadresser Domäner Sökbarhet Manual för Trafikverkets webbtjänster 3

4 Om riktlinjerna Gemensam identitet Vi är många medarbetare i Trafikverket, och allt vi säger och gör påverkar omgivningens bild av oss. För att underlätta arbetet med att sprida Trafikverkets budskap har vi en gemensam grafisk profil. Den hjälper oss att kommunicera på ett enhetligt, uthålligt och konsekvent sätt och har som mål att omvärlden snabbt ska känna igen kommunikation från Trafikverket. Manualen är en en del av Trafikverkets grafiska profil och består av regler och riktlinjer för Trafikverkets webbaserade tjänster. För att skapa en stark identitet krävs att Trafikverket är konsekvent i sin kommunikation, även i digitala medier. För att uppnå detta har denna webbmanual tagits fram. Riktlinjerna syftar till att göra Trafikverkets tjänster enhetliga och skapa en jämn och igenkänningsbar kvalitet, oavsett typ av produktion. Lagar och regler Det finns lagar och förordningar som reglerar och påverkar IT-användning. Bland dessa finns personuppgiftslagen (PUL), tryckfrihetsförordningen, förvaltningslagen, lagen om upphovsrätt, sekretesslagen, lagen om elektroniska anslagstavlor. Dessutom gäller offentlighetsprincipen, regler för tillgänglighet och användbarhet. Alla som arbetar med Trafikverkets olika digitala tjänster ansvarar själva för att aktuell lagstiftning följs. Särskilt bör vi beakta att det material som används i våra tjänster ska vara upphovsrättsligt friköpt och att personuppgifter har ett godkännande för publicering. Användare och ansvar Manualen riktar sig till alla som arbetar med digitala tjänster inom Trafikverket. Du har som förvaltare (ansvarig för tjänsten) ansvaret att anpassa din tjänst med layout enligt riktlinjerna och att se till att den klarar Trafikverkets krav på tillgänglighet. Innan nya externa webbprojekt påbörjas ska ansvarig för Trafikverket.se alltid kontaktas för överenskommelse om vilken typ av tjänst som ska byggas. Under utvecklingen ska minst ett användartest genomföras för att säkerställa att tjänsten håller god kvalitet och att målet med tjänsten uppfylls. Manual för Trafikverkets webbtjänster 4

5 Utseende och struktur

6 Logotyp Trafikverkets logotyp är det tydligaste kännetecknet för vår verksamhet. Tillsammans med våra typsnitt, färger, grafiska element, bilder och sätt att gestalta vår kommunikation förstärker den bilden av Trafikverket. Därför är det viktigt att vi är konsekventa och följer riktlinjerna för vår grafiska profil. Trafikverkets logotyp består av två element: - en krona (en symbol) - vårt namn Trafikverket (ett ordmärke) Logotypen kan gestaltas på olika sätt. Huvudlogotypen har en röd symbol och svart ordbild. Huvudlogotypen används i de allra flesta fall och är den vi använder oss av i digitala medier. Det är viktigt att logotypen framträder på ett kontrastrikt sätt gentemot bakgrunden. Runt om logotypen finns en frizon som visar hur mycket fri yta det minst måste finnas runt logotypen. Inom frizonen får inget annat placeras, som exempelvis bilder och texter. Huvudlogotyp Frizon Dekorelement Trafikverket har ett dekorelement för att skapa ytterligare en igenkänningsfaktor i Trafikverkets grafiska profil. Det är en cirkulär form på en linje där de raka delarna av linjen kan varieras i längd och funktion. När den används ska den alltid placeras intill logotypen. Dekorelementet håller samman vår kommunikation samtidigt som dess uppgift är att förstärka logotypen. Mer information om logotyp och dekorelement hittar du i den grafiska manualen. Manual för Trafikverkets webbtjänster 6

7 Typografi Arial är det typsnitt som ska användas på Trafikverkets samtliga digitala kanaler i rubriker och brödtext. Arial är ett standardtypsnitt som är ritat för att fungera optimalt för både bildskärm och tryckt text. Som kommunikationstypsnitt använder vi oss av Whitney och Mercury, som är ett licensierat typsnitt som lämpar sig bäst för tryck. De gånger vi gör bilder som publiceras på webbtjänsterna kan vi med fördel använda oss av Whitney. Det kan exempelvis handla om banners, animeringar, flash med mera då vi inte nyttjar systemtypsnitten. Mer information Trafikverkets typografi hittar du i den grafiska manualen. Arial: AaAa regular abcdefghijklmnopqrstuvxyzåäö abcdefghijklmnopqrstuvxyzåäö italic abcdefghijklmnopqrstuvxyzåäö abcdefghijklmnopqrstuvxyzåäö bold abcdefghijklmnopqrstuvxyzåäö abcdefghijklmnopqrstuvxyzåäö bold italic abcdefghijklmnopqrstuvxyzåäö abcdefghijklmnopqrstuvxyzåäö Whitney: book abcdefghijklmnopqrstuvxyzåäö abcdefghijklmnopqrstuvxyzåäö book italic abcdefghijklmnopqrstuvxyzåäö abcdefghijklmnopqrstuvxyzåäö semibold abcdefghijklmnopqrstuvxyzåäö abcdefghijklmnopqrstuvxyzåäö semibold italic abcdefghijklmnopqrstuvxyzåäö abcdefghijklmnopqrstuvxyzåäö Manual för Trafikverkets webbtjänster 7

8 Färgpalett Trafikverkets primärfärg är röd och används som en sammanhållande färg i all kommunikation. Så länge rött är den mest dominerande färgen går det bra att kombinera rött med sekundärfärger från vår färgpalett. Komplementfärger används främst till detaljer. Sekundärfärgerna och komplementfärgerna används främst utanför Trafikverkets digitala kommunikationsområden men de kan användas till detaljer på Trafikverkets webbplatser och webbtjänster. För trafikverket.se har en grön komplementfärg tagits fram. Primärfärg RGB: HEX: D52B1E Komplementfärger Sekundärfärger Solnedgång Himmel/vatten Landsbygd Skog Stad RGB: HEX: 0073B0 RGB: HEX: FECB00 RGB: HEX: A8B400 RGB: HEX: 928B81 Mer information Trafikverkets färgpalett hittar du i den grafiska manualen. RGB: HEX: E98300 RGB: HEX: 8FCAE7 RGB: HEX: B19401 RGB: HEX: CED64B RGB: HEX: CBC7BF RGB: HEX: A71930 RGB: HEX: RGB: HEX: 5B491F RGB: HEX: 55601C RGB: HEX: Komplementfärg webb RGB: HEX: 6B7B00 Trafikverkets färger är inspirerade av resan och de olika situationer som möter resenären eller transportören Manual för Trafikverkets webbtjänster 8

9 Symboler Det finns symboler som används för att förtydliga och förstärka ingången till olika typer av information på Trafikverket.se och intranätet. Till höger visas en förteckning av dessa återkommande symboler. De ska användas i webbtjänster. Engelska Länkpil Stäng Järnväg Kontakt Other languages Facebook Word Väg Skriv ut Talande webb Google Excel Färja Lättläst Twitter Powerpoint Telefon Teckenspråk RSS PDF Mobiltelefon Ikoner specifika för intranätet: Visa meny Redigerat Ta bort RSS Dölj meny Redigera Länkpil Nytt fönster Manual för Trafikverkets webbtjänster 9

10 Grundläggande layout och struktur för Trafikverkets externa webbplats Startsida Trafikverkets startsida är uppbyggd av ett antal element med olika funktioner och innehåll. Bilden till höger visar hur dessa är disponerade. 1. Logotyp och dekorelement Trafikverkets logotyp och dekorelement ska alltid placeras högerställt. Det enda undantaget är på Trafikverkets webbplatser, där logotypen och dekorelementet alltid placeras vänsterställt. Logotypen och dekorelement är i färg. Färgangivelserna hittar du i den grafiska manualen Sökfält Sökfältet består av en länk till innehållsförteckning A-Ö, webbplatsens huvudsökfunktion och en länk till vanliga sökord Hjälpmeny Detta fält består av länkar till Other languages, Teckenspråk, Talande webb och Lättläst information. 4. Målgruppsingångar Detta fält består av flikar för länkar till startsidan och målgruppsingångarna Privat och Företag. 5. Huvudmeny Huvudmenyn består av textlänkar för ingångarna Kontakta oss, Aktuellt, Jobb & framtid, Om Trafikverket och Pressrum. 6. Innehållsyta Innehållsytan på startsidan kan bestå av puffar för aktuell och prioriterad information, händelser och olika funktioner som Trafikverket väljer att lyfta fram. 7. Webbplatsöversikt 7 8 Manual för Trafikverkets webbtjänster 10

11 Här visas en webbplatsöversikt över alla sidor på sidnivå ett och sidnivå två. 8. Sidfot Sidfoten består av en vänsterställd logotyp och kontaktinformation till Trafikverkets huvudkontor. Den består även av en högerställd länk till information om webbplatsen Om webbplatsen. 1 Undersidor Webbplatsens undersidor består till stor del av samma element som startsidan. Här beskrivs de skillnader som uppstår på webbplatsens undersidor. 1. Horisontell meny Under huvudmenyn finns ytterliglare en horisontell meny som innehåller länkar till sidor på sidnivå tre Vänstermeny Från sidnivå tre finns den vertikala vänstermenyn i webbplatsens vänsterspalt. Denna meny innehåller länkar till sidor på sidnivå fyra och neråt. 3. Innehållsyta Innehållsytan varierar i utformning beroende på vilken sidnivå användaren befinner sig på. Manual för Trafikverkets webbtjänster 11

12 Grundläggande layout och struktur för Trafikverkets intranät Startsida Intranätets startsida är uppbyggd av ett antal element med olika funktioner och innehåll. Bilden till höger visar hur dessa är disponerade. 1. Logotyp och dekorelement Logotypen ska vara vänsterställd på Trafikverkets intranät och vara likadant placerad på intranätets samtliga sidor. Dekorelementet med den cirkulära formen är placerad till vänster om symbolen i logotypen. Dekorelementet ska vara i Trafikverkets röda primärfärg. 6. Länkfält Detta fält är anpassningsbart och består av användarens egna länkar. Här finns även länk till Webbkarta, Om intranätet och Om vårt gemensamma sätt att arbeta. 7. Sidfot Sidfoten består av Trafikverkets kontaktuppgifter. Den består även av högerställd länk till prenumeration av sidan Sökfunktion Intranätets sökfunktion. 3. Huvudmeny Huvudmenyn består av textlänken Start till startsidan och ingångarna Aktuellt, Arbetssätt, Stöd och verktyg, Min anställning, Om Trafikverket och Mina inställningar Väderinformation Huvudmenyn består av textlänkar för ingångarna med information om dagen och morgondagens väder på valfri ort. 5. Innehållsyta Innehållsytan på startsidan kan bestå av puffar för aktuell och prioriterad information, händelser och olika funktioner som Trafikverket väljer att lyfta fram. 6 7 Manual för Trafikverkets webbtjänster 12

13 Undersidor Webbplatsens undersidor består till stor del av samma element som startsidan. Här beskrivs de skillnader som uppstår på webbplatsens undersidor. 1. Vänstermeny I sidnivå två finns den vertikala vänstermenyn i webbplatsens vänsterspalt. Denna meny innehåller länkar till sidor på sidnivå tre och neråt. 2. Innehållsyta Innehållsytan varierar i utformning beroende på vilken sidnivå användaren befinner sig på Brödsmulor Detta fält består av brödsmulor, (breadcrumbs), som synliggör sökvägen till sidan användaren befinner sig på. Manual för Trafikverkets webbtjänster 13

14 Mina inställningar Webbplatsens sida Mina inställningar möjliggör för användare att själv anpassa innehåll på startsidan efter eget behov. 1. Innehållsyta Sidan består av en innehållsyta där man navigerar med hjälp av flikar i en huvudmeny. Man kan ändra system, länkar, arbetsrum och filtrering som ska visas på sin egen anpassade startsida. 1 Manual för Trafikverkets webbtjänster 14

15 Innehåll

16 Bilder Trafikverkets bilder delas in i två olika kategorier, dels identitets- och imagebilder, dels verksamhetsbilder. Identitets- och imagebilder Identitets- och imagebilderna ska visualisera Trafikverkets kännetecken och vision. De delas upp i två olika inriktningar: resan (med fokus på miljöer) och målet (med fokus på människan). Verksamhetsbilder Verksamhetsbilderna ska spegla vår verksamhet på ett konkret sätt. Det främsta syftet med dem är att dokumentera verksamheten med hjälp av miljöer och människor. Bilder bör gestalta: centrala inslag i Trafikverkets verksamhet, vägen till eller från något motiv från en resenärs perspektiv, använd samma perspektiv för att skapa enhetlighet miljöer som visualiserar olika människors och gods resmål. Användning På sidnivå ett och två ska vi främst använda identitets- och imagebilder. Längre ner i strukturen ska vi använda oss av mer verksamhetsbetonade bilder. En bild får inte vara ensam informationsbärare på webbplatsen utan ska förtydliga textens innehåll. Det innebär till exempel att vi kan förstärka textens innehåll med en förklarande bild. Bilder finns att hämta i Trafikverkets bildarkiv eller från den bildbyrå Trafikverket samarbetar med. För mer information om bilder kontakta Trafikverkets profilråd. Resan (med fokus på miljöer) Målet (med fokus på människan) Verksamhet (fokus på miljöer och människan kopplat till verksamhet) Manual för Trafikverkets webbtjänster 16

17 Kartor Kartor på Trafikverket Inom Trafikverket används kartor i en mängd olika sammanhang. De behövs från planering, genom projektering till uppföljning. Kartor finns tillgängliga både som trycksaker och för visning på bildskärm. Varje karta har ett budskap som ska förmedlas, och för att lyckas med det krävs kartografisk kompetens. Viktiga moment i kartframställningen är val av färger, symboler och textsättning. Det krävs erfarenhet och i viss mån även ett konstnärligt sinne för ett bra resultat. sätt får vi en jämnare kvalitet på kartmaterialet för hela Trafikverket. Kartprofilen är riktlinjer för färger, texter och symboler samt för vilken informationsmängd som bör användas för olika skalor. Upphovsrätt, nyttjanderätt och PUL behandlas också i riktlinjerna. Verktyg som används vid framställning av kartor En stor del av den information som används i kartor är georefererad (har koordinater), lagras och ajourhålls i geografiska databaser. Det är en fördel om produktionen åtminstone initialt sker så nära datakällan som möjligt. Med hjälp av ett GIS-verktyg genereras raster eller vektorbaserade bildfiler som kan bearbetas vidare i andra program avsedda för till exempel bildbehandling. Kartor på webben En karta kan vara antingen en kartbild eller en karttjänst: En kartbild är en statisk förgenererad bildfil som kan infogas i en webbsida som till exempel Sverigekartan. Via karttjänster genereras en dynamisk karta som användaren själv efterfrågar via en webbapplikation. Kartprofilen En gemensam profil på kartor bidrar till enhetliga kartor som används både internt och externt. På så Rastplatsvägnät Region Mitt Manual för Trafikverkets webbtjänster 17

18 Webbanpassat språk Språket har stor betydelse för hur lätt besökarna tar till sig informationen på vår webbplats. Det kan också vara avgörande för hur tjänsten uppfattas. Besökarna ska snabbt kunna ta del av en välstrukturerad och lättöverskådlig text; annars är risken att de tappar intresset eller missar den information de söker. Generellt ska språket vara vårdat och enkelt. Texten ska alltid anpassas så att den är begriplig för målgruppen. Undvik alltför långa texter; dela hellre upp på flera sidor. Stavning och böjning av ord ska följa Svenska Akademiens ordlista. Du ska också följa skrivregler i Trafikverket, se refernslista sidan 38 samt Myndigheternas skrivregler. Använd gärna Lathund för webbskribenter som hjälp för att webbanpassa språket. Den är utgiven av Justitiedepartementet och Klarspråksgruppen och innehåller bland annat följande skrivråd: Relevant innehåll Gör klart för dig vad du vill uppnå med texten. Fundera över vad läsarna vill veta. Sovra i materialet: Vad är viktigt? Vad bör lyftas fram? Vad kan tas bort? Klart och enkelt språk Var konkret: skriv kort och kärnfullt. Inbjud till läsning: använd en positiv ton och direkt tilltal. Undvik svårbegripliga ord och svengelska. Använd aktiva verbformer: tala om vem som gör vad (till exempel ledamöterna föreslog ). Visa hur innehållet hänger ihop; använd bindeord (till exempel därför, men ). Förklara svåra men nödvändiga termer och skriv ut förkortningar. Korrekturläs texten. Språkgranskning När du tar fram en ny tjänst eller gör en större omarbetning av en tjänst ska alla texter språkgranskas. Skicka din beställning till sprakvard@trafikverket.se. Information på olika språk Rutiner för information på andra språk håller på att tas fram. Logisk disposition Skriv hierarkiskt: det viktigaste först. Låt huvudrubriken tala om vad sidan handlar om. Låt mellanrubriker sammanfatta styckenas innehåll och locka till läsning. Ta upp det viktigaste i styckets första mening. Behandla en tankegång per stycke. Manual för Trafikverkets webbtjänster 18

19 Orientering

20 Menyer Menyer ska alltid ha en uttänkt sorteringsordning, det vill säga, i vilken ordning menyalternativ visas. Detta bestäms från fall till fall men ska utgå från användarnas behov. Huvudprinciper att följa kan vara: bokstavsordning det viktigaste först ämnesordning, det vill säga grupperat efter ämne tidsordning. Trafikverkets webbplats Trafikverkets intranät Manual för Trafikverkets webbtjänster 20

21 Länkar Det finns flera olika sätt att länka användaren vidare inom Trafikverket och externt ut mot andra tjänster och webbplatser. Det är ansvarig förvaltare som ansvarar för att länkar är korrekta och att alla länkar går till relevanta och tillförlitliga platser som inte på något sätt påverkar Trafikverket negativt. Länkning från Trafikverkets webbplatser Vid länkning från Trafikverkets webbplatser till externa webbplatser ska följande principer gälla: Länkar ska vara hypertextlänkar och ska anges i ett neutralt typsnitt. Att använda en logotyp kan innebära intrång i varumärkesrätten. Undantag görs för Trafikverkets samarbetspartners. Tekniken att länka inom ramar får inte användas. Integrerade länkar får inte användas utan upphovsrättshavarens tillstånd. Det innebär att man inte får länka så att information automatiskt hämtas från externa webbplatser till Trafikverkets webbplatser. Externa webbplatser ska öppnas i ett nytt fönster. Länka inte ljud- eller videofiler utan upphovsrättsinnehavarens tillstånd. Detta kan innebära intrång i upphovsmannens framföranderätt. Länkning till externa webbplatser ska ske med försiktighet för att inte påverka Trafikverket negativt. Länkning till Trafikverkets webbplatser Vid länkning till Trafikverkets webbplatser ska följande principer gälla: Länken till Trafikverkets webbplats ska vara en hypertextlänk och ska anges i ett neutralt teckensnitt. Trafikverkets webbplatser ska alltid öppnas i ett fönster med Trafikverkets webbadress i webbläsarens adressfält. Tekniken att länka inom ramar får inte användas. Man får alltså inte länka så att Trafikverkets webbplatser placeras inom ramarna för någon annan webbplats. Vi vill på detta sätt undvika att kopplas ihop med till exempel kommersiella intressen. Integrerande länkar får inte användas. Man får alltså inte länka så att information automatiskt hämtas från Trafikverkets webbplatser och placeras på en extern webbplats. Det får inte länkas på ett sådant sätt eller i ett sådant sammanhang att Trafikverkets material riskerar att missförstås. Manual för Trafikverkets webbtjänster 21

22 Webbadresser Läsbara webbadresser Trafikverkets tjänster ska i största möjligaste mån använda läsbara webbadresser. Med detta menas att adressen är begriplig för användare och sökmotorer. Webbadressen ska även beskriva sidan adressen leder till. Skapas sidan i Episerver skrivs sidans namn automatiskt ut i webbadressen med bindestreck mellan varje ord, till exempel: Resan-och-trafiken/. Enkla adresser En enkel adress är en genväg till startsidan för en tjänst på trafikverket.se eller på intranätet. Syftet med sådana adresser är att underlätta marknadsföring av webbsidor och informationssökning. En enkel adress är kortare, enklare och slagkraftigare än vanliga webbadresser. Utgångspunkten för namnsättningen bör vara målgruppens behov och språkbruk. Det bör klart framgå av den enkla adressen om informationen har en geografisk avgränsning, till exempel www. trafikverket.se/cyklaistockholm. Manual för Trafikverkets webbtjänster 22

23 Domäner För att Trafikverket ska framstå som en helhet ska endast domänen trafikverket.se marknadsföras. Domäner utöver denna adress ska peka på trafikverket.se. När tjänster behöver marknadsföras kan man använda enkla adresser i stället för att köpa in nya domäner, till exempel Manual för Trafikverkets webbtjänster 23

24 Sökbarhet Vi vill att sökmotorerna ska hitta våra webbsidor så att de syns i sökresultaten. Därför måste vi optimera dem så att de indexeras rätt. Publiceringssystemet sköter detta på ett bra sätt men det krävs att vi själva vid publiceringen gör vissa justeringar och anger viss information för att det ska bli så bra som möjligt. Titlar Alla sidor ska ha en unik titel. Detta är avgörande för att besökare ska hitta till sidan och förstå vad sidan handlar om. Beskrivning Metanyckelord används av vissa sökmotorer för att beskriva sidorna i sökresultatet. Sökord Metasökord används numer av väldigt få sökmotorer istället läser de av den redaktionella texten för att hitta nyckelord. Det kan ändå vara bra med unika sökord i detta fält eftersom en del sökmotorer fortfarande använder sig av detta. Utökad synlighet Vill man försöka se till att webbsidan hamnar högt upp i sökmotorernas resultatlistor måste man arbeta med nyckelord i rubriker och i den redaktionella texten. Nyckelorden ska beskriva huvudinnehållet på sidan. Fundera på vilka ord besökarna kan tänkas söka på om de vill finna just den här sidan. Ange också synonymer och vardagsuttryck, om du vet att man använder sådana. Nyckelord kan också bestå av flera ord, så kallade nyckelfraser, till exempel enskilda vägar. Manual för Trafikverkets webbtjänster 24

25 Användning

26 Tillgänglighet Tillgänglighet handlar om att göra webbtjänster tillgängliga för så många som möjligt. Det innebär att vi ska ta hänsyn till användare med funktionsnedsättning som gör att de har svårt att tillgodogöra sig information, till exempel syn- och hörselskador eller läs- och koncentrationssvårigheter. Även äldre personer och människor med annat modersmål än svenska är viktiga att ta hänsyn till. Vår webbplats ska därför följa de internationellt gällande WCAG-riktlinjerna (Web Content Accessibility Guidelines) framtagna av World Wide Web Consortium (W3C) riktlinjerna beskriver hur webbplatser bör byggas för att kunna anses tillgängliga. Tillgänglighetsriktlinjerna innebär bland annat detta: Informationen är tillgänglig för människor med funktionsnedsättningar. Det finns information på lätt svenska, andra språk och teckenspråk. Det är lätt att söka och hitta information. Språket är anpassat efter målgruppen. Kontaktvägarna är tydliga och lätta att hitta. Navigering kan ske via snabbtangenter. Tjänstens utseende bör gå att anpassa efter användarens behov. Bifogade filer (PDF-filer, publikationer) är tillgängliga för olika hjälpmedel, till exempel skärmläsare. Tjänster och tillämpningar är användbara för våra besökare. Tjänster och tillämpningar utvecklas enligt standard, vilket gör att de blir tillgängliga för människor med funktionsnedsättningar och för flera kanaler (mobiltelefoner, olika webbläsare, röstläsare, WAP-telefon, bildator och liknande). Det blir även lättare att samarbeta med andra myndigheters webbplatser. Bilder Bilder som används i en tjänst eller tillämpning ska i möjligaste mån följa de tillgänglighetsregler som finns för bilder på webbplatsen trafikverket.se: Alla bilder ska ha en alt-text som beskriver bildens motiv. Bilder ska kompletteras med text för att undvika att bilden är den enda informationskällan. Upplösningen för bilder ska vara 72 dpi. Länkade bilder I en länkad bild blir alt-texten länktexten. Därför ska en länkad bilds alt-text först och främst redogöra för länkens mål och funktion, därefter bildens motiv. Flera länkade ytor i en bild ska förutom en tydlig länktext, alt-text, också ha vanliga länkar i anslutning till bilden, till exempel i en rullist med en ok-knapp. Dokument Filnamnet och länknamnet ska vara detsamma som dokumentens rubrik. I länknamnet ska det även stå dokumentets filtyp, storlek och att det öppnas i nytt fönster. Undantag accepteras om det är en längre lista med länkar(mer än fem) som alla öppnar nya fönster. Då kan informationen om att de öppnas i nytt fönster anges ovanför listan. Enheten för filens storlek skrivs kb respektive MB. Skriv storleken i kb upp till 1 MB, till exempel 900 kb. Därefter anges storleken i MB, till exempel 1,9 MB. Bifogade filer får inte vara större än att de enkelt kan laddas hem via modem. Vi rekommenderar en maxstorlek på 2 MB. En fil får aldrig vara större än 12 MB. Exekverbara filer, det vill säga filer med filnamnstillägget.exe ska packas om till zip-filer innan de publiceras på trafikverket.se. Filnamnet skrivs med gemener. Filnamnet ska vara logiskt och specifikt. Byt ut å, ä, ö mot a respektive o. Byt ut mellanslag mot _ (understreck). Använd högst 150 tecken. Tabeller Tabeller ska inte användas för layout, och tabeller måste vara tillgängliga. Framhäv rader och kolumnrubriker grafiskt. Varannan rad kan till exempel ha bakgrundsfärg ljusgrå. En tillgänglig tabell ska ha tabellrubrik, en sammanfattning av innehållet och märkta kolumnrubriker. Länkar Om inte all information går att ge direkt i länktexten kan länktitel användas. Denna text visas i många webbläsare när man håller muspekaren över länken. Även länktiteln så ska vara så tydlig att den kan stå för sig själv. Länktiteln kan användas för att ge en fördjupad information om länken, men det är då i första Manual för Trafikverkets webbtjänster 26

27 hand information till seende användare. Inga länkar får ligga direkt i löpande text. Tänk på: En länk som leder till andra format än html ska öppnas i nytt fönster. En länk som leder till en extern webbplats ska öppnas i nytt fönster. En länk ska vara så tydlig att besökaren kan förstå vart den leder även om den är lyft ur sitt sammanhang. Länktexten till en fil bör vara densamma som filnamnet men även förklara att den öppnas i nytt fönster. Ikoner kan användas för att förtydliga vart länken leder (öppnas i nytt fönster, länkar till extern webbplats, länkar till dokument av olika format etc.). Text i slutet av länken ska förtydliga dokuments format och storlek. Dokumentlänkar och länkar som leder bort från tjänsten får aldrig ligga i vänstermenyn. Dokumentlänkar och länkar som leder bort från tjänsten får aldrig ligga i vänstermenyn. Inga länkar med enbart texten Läs mer får finnas. I undantagsfall kan en länk börja med Läs mer om till exempel Läs mer om lediga jobb. Vanliga länkar ska alltid vara understrukna och innehålla länksymbol (länkpil). Rapport x (Wordfil, 78 kb, öppnas i nytt fönster) Rapport x (Excelfil, 78 kb, öppnas i nytt fönster) Rapport x (Powerpointfil, 78 kb, öppnas i nytt fönster) Exempel på hur de vanligaste filtyperna ska anges på engelska i länkarna: Rapport x (Word file, 78 KB, opens a new window) Rapport x (Excel file, 78 KB, opens a new window) Rapport x (JPEG file, 78 KB, opens a new window) Rapport x (PDF file, 3.8 MB) (obs! punkt, inte decimalkomma) Exempel på hur de vanligaste filtyperna ska anges i länkar: Rapport x (pdf-fil, 78 kb, öppnas i nytt fönster) Rapport x (pdf-fil, 7 MB, öppnas i nytt fönster) Rapport x (wmf-fil, 78 kb, öppnas i nytt fönster) Rapport x (jpeg-fil, 78 kb, öppnas i nytt fönster) Manual för Trafikverkets webbtjänster 27

28 Användbarhetstester När vi utvecklar tillämpningar och tjänster behöver vi göra användbarhetstester för att säkerställa att vi verkligen utvecklar på bästa sätt för användaren. Krav på minst en användbarhetstest gäller vid all nyutveckling av tillämpningar och tjänster. Testerna ska genomföras av en testledare med användbarhetskompetens. Vi rekommenderar tre tester vid olika tidpunkter under utvecklingen: skiss på papper innan utvecklingen startar klickbar prototyp under utvecklingen slutliga produkten. Manual för Trafikverkets webbtjänster 28

29 Formulär För att hämta in uppgifter om användare används ofta formulär. Trafikverket skiljer på enkelt formulär och guide. Ett enkelt formulär används när det är ett fåtal uppgifter som ska lämnas av användaren och det räcker med ett formulär på en sida. En guide används när mer omfattande information ska lämnas. Då använder vi oss av flera formulärsidor där användaren fyller på information steg för steg. Tänk på detta: Förklara vad uppgifterna används till och var tydlig med vad uppgifterna inte används till för att skydda användarens integritet. Håll det enkelt och fråga inte efter information du redan har eller information som är överflödig. Detta kan leda till att användaren undviker formuläret. Håll dig till få alternativ och börja med de mest relevanta. Ordna fält och val på ett begripligt sätt. Använd bokstavsordning, populära val först och exempelvis personuppgifter i rätt ordning. Använd konsekvent placering av ledtexter. Var tydlig med vad som är obligatoriska uppgifter. Navigering Knappar används för att utföra eller avbryta en funktion, till exempel Skicka, och för att navigera till föregående eller nästa steg i en guide. Knappar för att bekräfta eller gå vidare ska vara placerad längst ned till höger, medan knappar för att gå tillbaka ett steg ska vara placerad längst ned till vänster. Undvik om möjligt knappar av typen rensa eller avbryt. Tabbordningen ska följa fältens placering. Använd tabbindex om den logiska ordningen i koden inte stämmer överens med vad användaren ser. Sammanställning En sammanställning bör visas innan användaren skickar iväg informationen. Vanligast är att denna visas när användaren fyllt i all information. Finns utrymme kan man gärna visa hur informationsmängden byggs på i sammanställningen parallellt med att informationen fylls på. Bekräftelse Användaren ska alltid få bekräftelse på att informationen sänts, vart den sänts och vad som händer härnäst. Där det är relevant ska det finnas ett tack till användaren, till exempel Tack för din ansökan. Utskriftsmöjlighet Användaren ska ha möjlighet att skriva ut den information som han eller hon lämnat till Trafikverket. Detta kan antingen göras med hjälp av den sammanställning som visas eller som ett dokument, till exempel genom att generera en pdf-fil. Om en pdf-fil genereras ska det finnas en länk till Adobe Acrobats nedladdningssida. Symbolen för Skriv ut kan användas i de fall där utskriften visar samma text som finns på sidan där utskriftsmöjligheten finns. I de fall där det skapas en pdf-fil eller utskriften visar en annan text än den text som finns på sidan, ska detta göras genom en vanlig knapp med texten Skriv ut. Felhantering Vid fel i formulär är det viktigt att användaren tydligt meddelas och att det även beskrivs hur användaren tar sig vidare. Regler Fel ska beskrivas på samma sida som felet uppstått. Fel beskrivs överst på sidan för att ge en samlad bild av det totala antalet fel och markeras även där felen finns. Om möjligt ska ifyllda uppgifter finnas kvar även när något blivit fel. Enkelt formulär En tjänst med endast en formulärsida bör innehålla: beskrivning av tjänsten formulär sammanställning bekräftelse. Beskrivningen och formuläret ska vara på samma sida. När informationen skickats visar tjänsten en sammanställning och bekräftelse. Användaren ska alltid få bekräftelse på att informationen sänts, vart den sänts och vad som händer härnäst. Där det är relevant ska det finnas ett tack till användaren, till exempel Tack för din ansökan. Guide En guide bör bestå av: beskrivning av tjänsten ett antal steg där informationen fylls på sammanställning bekräftelse utskriftsmöjlighet. Guiden ska vara utformad så att det tydligt framgår hur mycket som är gjort och hur mycket som återstår. Beskriv också vilken hantering det enskilda steget innehåller, till exempel Steg 1 av 7 Välj blankett. Manual för Trafikverkets webbtjänster 29

30 Media Video och ljud Knappar ska användas för att utföra eller avbryta en funktion, till exempel Skicka och för att navigera till föregående eller nästa steg i en guide. Knappar för att bekräfta eller gå vidare ska vara placerad längst ned till höger, medan knappar för att gå tillbaka ett steg ska vara placerad längst ned till vänster. Undvik om möjligt knappar av typ rensa eller avbryt. Flash Dekorativ Flash ska helst undvikas eftersom det sällan tillför någon nytta för besökaren. Flashtillämpningar kan användas för ifyllningsbara blanketter, bildspel, spel, instruktionsfilmer och webbannonser. De ska då vara byggda enligt Adobes tillgänglighetsriktlinjer. Tillgänglighetsriktlinjerna innebär bland annat att: tillgänglighetsfunktionerna ska vara påslagna navigering kan ske via snabbtangenter viktiga objekt och funktioner ska förklaras med textbeskrivningar animationer får inte upplevas störande för användaren. Animerade bilder Animationer ska tillföra någon form av värde till innehållet och lyfta fram viktig information om de ska användas. Detta kan vara i utbildningssyfte, för att presentera en process eller för att förklara en händelse. De ska inte användas enbart i dekorativt syfte. Rörliga, blinkande, rullande eller självuppdaterande objekt och sidor måste kunna avbrytas. För att uppfylla tillgänglighetskraven måste samma information även finnas i text så att människor med funktionsnedsättningar kan ta del av informationen. Manual för Trafikverkets webbtjänster 30

31 Tjänster och tillämpningar

32 Tillämpningar av tjänster Trafikverket har en mängd digitala tjänster för olika målgrupper och användningsområden. För att kunna hantera kraven för dessa har vi tagit fram särskiljande sidtyper. Uppdelningen ska tydliggöra vilka regler och riktlinjer som gäller för de olika tjänsterna och vad som skiljer dem från trafikverket.se eller intranätet (för interna applikationer och tjänster). Vid framtagning av en tjänst som riktar sig både till interna och externa målgrupper är det externa mallar och regler som gäller. De sidtyper som tagits fram och beskrivs är följande: flödestjänst tjänst med egen funktion tjänst med inloggning tjänst på intranätet tjänst i mobil. Manual för Trafikverkets webbtjänster 32

33 Flödestjänst Denna sidtyp används för tjänster som har samma målgrupp som trafikverket.se och visar en process eller ett flöde i flera steg, exempelvis formulär och e-learningstjänster. Tjänsten ska vara anpassad med en enkel layout. Denna sidtyp ska användas om de mallar som finns framtagna för trafikverket.se inte räcker till. Exempel på tjänster är Ansök om vägvisning och Skadeanmälan. Krav Tjänsten ska vara byggd enligt standard (fungera för olika webbläsare). Systemets html-kod ska valideras enligt vald standard för att fungera på så många klienter som möjligt. Tjänsten ska ha en startsida på trafikverket.se där information, kontaktuppgifter och länk till tjänsten finns. Tjänsten ska ha en enkel webbadress, exempelvis som ska leda till startsidan för tjänsten på trafikverket.se. Tjänsten ska vara målgruppsanpassad och språkgranskad av språkvårdare eller informatör. Tjänsten ska ha översatt information på andra språk enligt riktlinjer. Alla tillhörande sidor ska ligga i trafikverket.ses struktur. Tjänsten ska öppnas i nytt fönster. Endast Trafikverkets röda (primärfärg), gröna (komplementfärg webb) och gråa (stad) färg får användas. Tjänstens sidor ska ingå i flödet, sidtypen saknar vänstermeny. 1. Sidhuvud Sidhuvudet ska innehålla vänsterställd logotyp och underliggande dekorlinje i Trafikverkets röda primärfärg. Sidhuvudet ska även innehålla en högerställd textlänk Till trafikverket.se som länkar till med alt-beskrivningen Länk till startsidan. 2. Innehållsyta Innehållsytan består av formulär, söksidor eller andra flöden. Se punkt 6.3 för riktlinjer för formulär. Innehållsytan ska även innehålla en tydlig rubrik på tjänsten Sidfot Sidfoten består av senaste uppdatering, högerställd länk för utskrift samt överliggande avgränsningslinje enligt bildbeskrivning. Manual för Trafikverkets webbtjänster 33

34 Tjänst med egen funktion Denna sidtyp används som tillämpning för tjänster som behöver en egen layout och struktur men som har samma målgrupp och ska uppfattas som en del av trafikverket.se. Tjänsten ska vara layoutanpassad efter den grafiska profilen. Denna tillämpning ska användas om funktionen kräver annan lösning än de mallar som Trafikverket tagit fram. Exempel på tjänster är Läget på vägarna, Publikationsbutiken, Biblioteksdatabas och Väghistorisk litteraturdatabas. 1 2 Krav Tjänsten ska vara byggd enligt standard (fungera för olika webbläsare). Systemets html-kod ska valideras enligt vald standard för att fungera på så många klienter som möjligt. Tjänsten ska ha en startsida på trafikverket.se där information, kontaktuppgifter och länk till tjänsten finns. Tjänsten ska ha en enkel webbadress, exempelvis som ska leda till startsidan för tjänsten på trafikverket.se. Tjänsten ska innehålla en länk tillbaka till dess startsida på trafikverket.se. Tjänsten ska vara målgruppsanpassad och språkgranskad av språkvårdare eller informatör. Tjänsten ska följa riktlinjer för andra språk. Endast Trafikverkets röda (primärfärg), gröna (komplementfärg webb) och gråa (stad) färg. Tjänsten ska öppnas i nytt fönster. 1. Sidhuvud och huvudmeny Tjänsten ska innehålla samma sidhuvud som trafikverket.se med vänsterställd logotyp och underliggande dekorelement i Trafikverkets röda primärfärg. Huvudmenyns innehåll kan anpassas efter tjänsten. Sidhuvudet ska även innehålla en högerställd textlänk Till trafikverket.se som länkar till med alt-beskrivningen Länk till startsidan. Sidhuvudet ska innehålla en tydlig rubrik på tjänsten. 2. Innehållsyta Innehållsytan ska innehålla en tydlig rubrik på sidan Sidfot Tjänsten ska innehålla samma sidfot som trafikverket.se med vänsterjusterad logotyp och kontaktuppgifter till Trafikverkets huvudkontor. Manual för Trafikverkets webbtjänster 34

35 Tjänst med inloggning Denna sidtyp används för tjänster med inloggning som behöver egen layout och struktur. Säkerhetskrav och målgrupp avgör om en tjänst ska ligga bakom inloggningsskydd. Denna tillämpning ska användas om funktion eller målgruppsanpassning kräver andra mallar än de som Trafikverket tagit fram samt kräver inloggning. Exempel på tjänster är FIFA och Mina enskilda statsbidragsvägar. Krav Tjänsten ska vara byggd enligt standard (fungera för olika webbläsare). Systemets html-kod ska valideras enligt vald standard för att fungera på så många klienter som möjligt. Tjänsten ska ha en startsida på trafikverket.se där information om tjänsten och kontaktuppgifter finns. Tjänsten ska ha en enkel webbadress, exempelvis som ska leda till startsidan för tjänsten på trafikverket.se. All information som inte kräver inloggning ska ligga som webbsidor på trafikverket.se med en länk till inloggning. Tjänsten ska vara målgruppsanpassad och språkgranskad av språkgranskare eller informatör. Tjänsten ska alltid följa riktlinjer för andra språk. Tjänsten ska använda standardsida för inloggning när det är tekniskt möjligt. Sidhuvudet ska innehålla en tydlig rubrik på tjänsten. Tjänsten ska öppnas i nytt fönster. Tjänsten ska följa riktlinjer för tillgänglighet och användbarhet, se punkt 5.1. Tjänsten ska följa riktlinjer för inloggning. 1. Sidhuvud och huvudmeny Tjänsten ska innehålla samma sidhuvud som trafikverket.se med vänsterställd logotyp och underliggande dekorelement i Trafikverkets röda primärfärg. Huvudmenyns innehåll kan anpassas efter tjänsten. Sidhuvudet ska även innehålla en högerställd textlänk Till trafikverket.se och en tydlig rubrik på tjänsten Sidfot Tjänsten ska innehålla samma sidfot som trafikverket.se med vänsterställd logotyp och kontaktuppgifter till Trafikverkets huvudkontor. Manual för Trafikverkets webbtjänster 35

36 Tjänster på intranätet Denna sidtyp används för tjänster på intranätet. Det ska tydligt framgå att det är en intern tjänst och skiljer sig från Trafikverkets externa tjänster. 1 Krav Tjänsten ska öppnas i nytt fönster. Tjänsten ska vara byggd enligt standard (fungera för olika webbläsare). Systemets html-kod ska valideras enligt vald standard för att fungera på så många klienter som möjligt. Om tjänsten ligger bakom inloggning ska den ha en startsida på Trafikverkets intranät där information om tjänsten och kontaktuppgifter finns. 1. Sidhuvud Sidhuvudet ska innehålla intranätets vänsterställda logotyp och dekorlinje till vänster i Trafikverkets röda primärfärg. Sidhuvudet ska även innehålla en högerställd textlänk Till Trafikverkets intranät som länkar till Manual för Trafikverkets webbtjänster 36

37 Tjänst i mobil Den mobila startsidan för Trafikverket innehåller i dag mobila tjänster för väg- och tågtrafikinformation. Har du idéer och planer på att utveckla en mobil tjänst, kontakta kanalansvarig för trafikverket.se på central funktion, kommunikation, Nationella tjänster. Nedanstående adress leder till Trafikverkets mobila startsida och används vid marknadsföring. Manual för Trafikverkets webbtjänster 37

38 Stöd i arbetet

39 Referenslista Finns idag Grafisk profil Trafikverket Webbmanual för redaktörer på trafikverket.se Publiceringsregler för Trafikverkets intranät Skrivhjälpen Skrivregler för Banverket Riktlinjer för Trafikverkets intranätportal Kommande Handbok för redaktörer (Webbmanual för redaktörer på trafikverket.se, Publiceringsregler för Trafikverkets intranät) Skrivregler för Trafikverket Riktlinjer för Trafikverkets intranätportal Riktlinjer för Trafikverkets webbplats, trafikverket.se Rutin för Trafikverkets information på andra språk Riktlinjer för Trafikverkets kartprofil Manual för Trafikverkets webbtjänster 39

40 Kontakt Webbstöd Webbstöd hjälper till med webb- och nyhetspublicering på trafikverket.se och intranätet och har öppet vardagar Hit kan du även vända dig om du har frågor till kanalansvarig för trafikverket.se eller intranätet. Kontakta webbstöd vid frågor om : enkla adresser domänhantering tillgänglighet val - typ av tjänst mobil tjänst. Tfn: , E-post: webbstod@trafikverket.se Profilrådet Trafikverkets profilråd har till uppgift att arbeta med frågor om den grafiska profilen, så att medarbetare och Trafikverkets samarbetspartner tillämpar den. E-post: profilradet@trafikverket.se Geografisk information Kontakta geografisk information på enheten Väg- och järnvägsinformation vid frågor om kartor. Mer information om kartor finns på Intranätet under Stöd och verktyg/kartor. E-post: geografisk.information@trafikverket.se Språkvård Kontakta Språkvård vid: granskning och bearbetning av svenska texter råd om språk och skrivande råd om översättningar till engelska och andraspråk. E-post: sprakvard@trafikverket.se Publikationer Kontakta publikationsförvaltningen vid frågor om utgivning av publikationer och informationsmaterial i publikationswebbutiken. E-post: publikationsforvaltningen@trafikverket.se Manual för Trafikverkets webbtjänster 40

41 Trafikverket, Borlänge, Besöksadress: Röda vägen 1 Telefon: , Texttelefon TRAFIKVERKET. VERSION 1.0. MARS PRODUKTION: GRAFISKFORM TRAFIKVERKET. TRYCK: TRAFIKVERKET