Redaktörsriktlinjer

Rubriker och textformatering

Rubrik 1 (tekniskt ord är H1) är alltid rubriken på sidan, den får bara förekomma en gång per sida. När du skriver mellanrubriker i din text ska du alltså inte använda Rubrik 1 utan du börjar med Rubrik 2 (H2). Du kan lägga till flera Rubrik 2:or på samma sida och du kan använda Rubrik 3 (H3) som underrubriker till Rubrik 2, det vill säga om rubriken hör ihop med samma ämne som Rubrik 2.

En fetad textrad är inte en rubrik

En fetad text är bara en visuell inställning. Att sätta en rubriknivå på en text är mycket mer än att det ska bli lättare att läsa texten, det är en teknisk inställning som förbättrar sök och tillgänglighet.

Genom rubriknivåer kan personer som använder uppläsningsprogram få en överblick över sidan genom att välja att endast få rubrikerna upplästa. Rubriker är också viktig för sidans ranking i sökmotorer som Google. Man sätter viktiga nyckelord i sina rubriker och gör det lättare Google att prioritera rätt innehåll för de som söker.

Brödtext och punktlistor

Om du kopierar in text från en annan sida kan du behöver ställa in så att din text har formateringen "Brödtext". Speciellt om du klistrar in en punktlista. Markera då hela stycket/punktlistan och välj Brödtext uppe i menyn.

Formatera ett citat

Det finns två formateringsinställningar för citat, kortare citat och blockcitat:

Så här ser ett kortare citat ut. Observera att jag inte skrivit in citattecknen manuellt, det är en del av inställningen för kortare citat, säger Malin Johansson, kommunikatör och formateringspolis.

Så här ser ett blockcitat ut. Se nu har ni två alternativ, nu vill vi inte se några fler tal eller bindestreck för att markera citat på kungsbacka.se, är vi överrens? fortsätter Malin.

När vi skriver citat är det dessa vi ska använda, inte talstreck eller bindestreck. Markera citatet, fram till skiljetecknet som avslutar citatet och klicka på pluset uppe i menyn --> Citat -- > bocka för Kortare citat eller Blockcitat.

Kursiverad och fetad text

Undvik fetad eller kursiverad text, det ställer till det ur ett tillgänglighetsperspektiv. Använd rubriknivåer om du skriver rubriker, eller formulera om meningen så att den blir så tydlig som möjligt istället för att markera enskilda ord. Eller så testar du att använda en dekoration istället för att göra texten du skriver mer markerad.

Använd inte radbryt för att skapa extra luft på sidan

Vi ska inte använda radbrytningar för att skapa luft mellan stycken, det blir tillgänglighetsmässigt inte bra då den tomma raden till exempel kan bli formaterad vilket ibland kan generera flera Rubrik 2:or. Det i sin tur kan betyda att rubrikerna inte blir strukturerade i rätt ordning eller liknande.

Ser du behov av mer luft på en sida? Kontakta Digitala redaktionen så får vi kolla efter en lösning, kanske behöver grundinställningarna för textavstånd justeras. Eller så kan vi ta fram en ny dekoration.

Text på engelska eller andra språk

Om du skriver något på engelska behöver det vara taggat som engelsk text. Det är för att uppläsningsverktyg ska läsa upp texten på rätt språk. Lägg den berörda texten i en separat textmodul. Högerklicka på textblocket, välj egenskaper, välj inställningar (hittas via våffelmenyknappen) och sätt det språket som texten är skriven på som modulspråk.

Like this!

Länkar

Placering av länkar

Om det finns ett värde i att läsaren kan klicka sig vidare direkt i samband med att man läser om något så lägger du länken direkt i brödtexten, eller som en länk under stycket. Är länken mer ett tips om merläsning på temat men inte en direkt hänvisning lägger du den via metadata som en relaterad länk, alternativt ett relaterat kort. Tänk på att om du ska lägga till kort ska det alltid ligga tre stycken kort.

Var ska jag placera länkar i webbtexter? (Språkkonsulterna) Länk till annan webbplats.

Formulera länktexter

En länktext ska formuleras så att du förstår var länken leder någonstans, även om du läser den utanför sitt sammanhang. En länk som döps "Läs mer här" eller bara "här" ger ingen information om vad man ska läsa mer om eller vilken sida man kommer till om man klickar. Om du vill länka till var man kan läsa om begravningsavgifter döper du alltså länken till "Aktuell begravningsavgift".

Du behöver/ska inte skriva "läs mer om" eller "här hittar du mer information om" när du formulerar länkar. Eftersom länken blir formaterad, det vill säga, får en blå färg och blir understruken, så ser besökaren att det är en klickbar länk. Man förstår alltså att det finns mer information att läsa om man klickar på länken.

Formulera externa länkar

I externa länkar skriver vi alltid urkunden inom parantes, exempel Aktuell begravningsavgift (Skatteverket) Länk till annan webbplats. Är det en länk till en annan sida på kungsbacka.se ska du inte skriva urkunden/vart länken går.

Formatera länken rätt

När du skrivit din länktext och ska stoppa in själva länkmålet är det viktigt att du väljer rätt. Om det är en länk på en sida på kungsbacka.se ska du välja Intern sida och leta fram länken i trädstrukturen. Detta är viktigt eftersom om vi byter namn på en sida kommer Sitevision själv hjälpa till så länken inte bryts. Klistrar du bara in en länken till en interns sida så kommer den att brytas om vi flyttar sidan i strukturen eller byter titel på sidan.

Är länken extern väljer du extern och så vidare. Detta är viktigt eftersom de olika länktyperna taggas på olika sätt och kommer att få olika symboler samt hjälpa en person som använder en uppläsningstjänst.

• Intern länk: Checklista för innehållsarbete
• Externlänk: SEO-checklista för webbredaktörer (Curious Mind) Länk till annan webbplats.
• Dokumentlänk: Kommunikationspolicy.pdf pdf, 136.6 kB.
• Länk till en bild: Använd inte loggan så här webp, 43.9 kB.
• Mejladress: digitalaredaktionen@kungsbacka.se
• Telefonnummer: 0300-83 40 00

Länkar ska i regel aldrig öppnas i nytt fönster

Enligt riktlinjerna för tillgängliga länkar(Digg) Länk till annan webbplats. ska vi inte välja att öppna länkar i ett nytt fönster. Användaren ska ha valet att öppna i ny flik eller inte själv. När vi bockar i öppna i nytt fönster gör vi valet för användaren. En annan anledning är att tillbaka-knappen ska fortsätta fungera, vilket den inte gör om länken öppnas i ny sida. Regeln gäller både externa och interna länkar.

Det finns ett undantag då du får öppna en länk i en ny flik, det är om personen behöver information från vår sida för att kunna slutföra uppgiften på sidan vi länkar till. Exempelvis om man ska fylla i en e-tjänst där det fortsatt finns mer information på vår webbsida som besökaren behöver kunna läsa samtidigt.

Ankarlänkar

Om man vill länka till ett visst stycke i en text kan man göra det med ankarlänkar. I Sitevision kan man länka till befintliga moduler på en sida utan att skapa upp en ankarlänk. Exempelvis en text- eller bildmodul. Högerklicka på länken nedan och redigera för att se hur den är uppbyggd.

Exempel på mening text som leder till ett element (innehållsförteckningen på denna sida) intent inom sitevision.

Skapa upp egna ankaren för att länka externt

Om du vill länka till ett visst textstycke från ett annat verktyg, exempelvis i ett mejl:

1. Markera texten du vill skapa en ankarlänk av
2. Klicka på plustecknet uppe i verktygsmenyn (mellan tabell och kugghjul)
3. Väl Ankare > skapa ankare
4. Döp ditt ankare och kopiera namnet
5. Ta url:en på sidan som ankaret ligger på och lägg till # och namnet på sin ankare. Detta är den länk du kan använda för att leda en besökare till exakt just ditt stycke på en sida.

Exempel på hur en ankarlänk kan se ut: www.kungsbacka.se/dokumentation/for-redaktoren/redaktorsriktlinjer#ankare

Alternativtexter för bilder

Alla bilder som är meningsbärande (inte enbart är dekorativa) ska beskrivas med hjälp av en Alternativtext. Alternativtexten (även kallad beskrivningstext eller alt-text) ska beskriva bilden för den som inte kan se den. Innehåller bilden någon text ska denna skrivas ut i alternativtexten.

Diagram

Innehåller bilden ett diagram ska du förklara diagrammet så att personen kan ta till sig samma information som en seende. Vid mer komplexa bilder kan man med fördel låta alternativtexten hänvisa till en beskrivning i text som läggs nedanför bilden. Exempelvis kan alternativtexten då bli: "Informationsgrafik över sommarturismen 2016. Utförlig beskrivning följer efter bilden".

Dokument

Vi delar in dokumenten i två typer: blanketter samt övriga textdokument som kan vara både politiska, affischer, eller faktablad.

Lathund för att ladda upp dokument i sitevision

Tillgängliga dokument

Lagen om tillgänglighet till digital service innebär att våra tekniska lösningar (hemsidor, e-tjänster, och appar) och dokument som sprids via dessa ska vara utformade så att de är möjliga att uppfatta, hanterbara, begripa och är robusta.

Det finns ett antal mallar framtagna för word Länk till annan webbplats., och dessa ska användas när du skapar dokument för att det ska bli tillgängligt. Innan du börjar arbeta med dokument eller på kungsbacka.se ska du gå vår korta utbildning om Tillgänglighet Länk till annan webbplats..

Blanketter

Blanketter för att ansöka om något ska aldrig bo på kungsbacka.se, utan ska istället placeras i självserviceportalen (OpenE) ihop med eventuell e-tjänst. I OpenE är endast pdf-format kompatibelt, vilket kräver att alla blanketter är i editerbara pdf:er. Tänk också på att dokumenten ska vara tillgänglighetsanpassade så att alla kan använda dem oavsett förmåga eller funktionsnedsättning.

Textdokument

Övriga dokument ska vi undvika så långt det går. Det är alltid bättre att placera informationen direkt på en sida, både ur tillgänglighetsperspektiv men även för sökbarheten i sökmotorer. Ett dokument kan dock finnas som ett komplement till en text. Dessa ska alltid vara tillgänglighetsanpassade så att ett uppläsningsverktyg kan läsa upp innehållet för den som har det behovet.

Dokument för politiska sammanträden är okej, men ska fortfarande vara framtagna i våra mallar. De publiceras av nämndsekreterare och finns på webbplatsen i två år.

Kartor från bilder eller dokument

Om vi behöver illustrera saker med en karta ska det i första hand göras genom att bädda in vår karta Kungsbackas karta. Länk till annan webbplats. Hur du gör det finns att läsa om i dokumentationen om kartan.

I andra hand kan en karta illustreras med en bild. Ett exempel är aktuella projekt där vi ofta både har en kartbild högst upp på sidan, och en inbäddad karta lite längre ner på sidan. Bilden laddas då upp på sidan. Det är viktigt att kartans innehåll beskrivs i texten så att bilden inte är den enda informationskällan på sidan (lagen om digital tillgänglighet).

Ordning på en sida/hierarki för moduler

För att sidorna ska se enhetliga ut lägger vi alltid följande moduler i denna ordningen:

1. Bild
2. Ingress
3. Innehållsförteckning

Se till att samtliga moduler ligger under "Mittenspalt" i innehållet och inte i fältet "Sidrubrik". Där ska bara rubriken (H1) ligga.

När använder vi innehållsförteckning?

Innehållsförteckning används enbart på långa sidor som har minst 4-5 mellanrubriker beroende på mängden text på sidan. En innehållsförteckning ska aldrig användas om du enbart har expanderbart innehåll på sidan eftersom sidan då redan är komprimerad.

Innehållsförteckningen lägger du till som en modul, och du kan välja att skriva en rubrik till innehållsförteckningen. Då bockar du för "Använd egen rubrik för modulen".

När använder vi expanderbart innehåll?

Innehåll i expanderbara block ska inte användas för att strukturera upp en sida - då använder vi funktionen innehållsförteckning. Expanderbart innehåll är däremot perfekt för Frågor och svar (FAQ). Eller för långa sidor där mindre viktig information kan läggas i ett utfällbart block för den som vill ha lite djupare information om något.

Expanderbart innehåll är sökbart på google, men besökaren kommer inte veta vart på sidan innehållet ligger eftersom alla expanderbara fält är stängda när man kommer till vår sida. Söker man däremot i sökrutan på vår hemsida öppnas de expanderbara block och ordet man sökt på markeras i gult.

Instruktion för att göra expanderbart innehåll

Öppettider och telefontider

Öppettider och telefontider placeras i regel som en som en länkad modul. De placeras under Funktioner -> Öppettider/Telefontider. Anledningen är att öppettider kan ändras av en viss behörighetsgrupp, samt för att öppettider ska se enhetliga ut oavsett var på hemsidan man hittar dem.

Länkad modul

Att bädda in information på sidor

Vi ska vara eftertänksamma innan vi "bäddar in" saker på våra sidor. Anledningen är GDPR samt lagen om digital tillgänglighet.

GDPR och Iframes

När vi bäddar in saker så delar vi med oss av information om våra besökare till källan av inbäddningskoden. Enligt GDPR får vi inte föra över personuppgifter till tredje land på grund av Schrems II-dommen. "Tredje land" är ett land utanför EU, och anledningen att det är där gränsen dras är eftersom vi har gemensamma riktlinjer för personuppgifter inom EU, men länder utanför har egna, mindre strikta, regler om hur personuppgifter får hanteras.

Ett tydligt exempel är Youtube. Om vi bäddar in en film som ligger på Youtube kommer vi skicka våra besökares IP-adresser till Youtube, vilket är ett Amerikanskt företag.

Tillgänglighet och Iframes

En iframe kan beskrivas som ett rektangulärt hål i en webbsida, inuti vilket en annan webbsida visas. Det är inte tillgängligt eftersom information i en Iframe inte alltid kommer läsas upp för en besökare. I några fall är detta dock den enda framkomliga vägen. Tänk dock på att Iframes ofta är svåra att hantera på mobilen. Till exempel är det inte uppenbart för användaren om rullning och zoomning gäller ramen eller omgivningen. Och det är svårt att ge ramen rätt storlek i alla typer av enheter.

Information som vi anser okej att bädda in

Vi kan behöva använda Iframes för att bädda in kommunens karta på en sida för att visa ett projekt, en skola eller annan plats. Det är okej om kartan är ett komplement och inte det enda sättet att ta till sig informationen, det ska alltså till exempel även finnas en adress till platsen utskrivet på sidan.

När vi bäddar in material måste vi alltid använda modulen Kakmedveten velocity. Den ger oss möjlighet att styra så att den endast visas om besökaren har godkänt aktuella kakor som aktiveras vid inbäddningen. Kontakta systemförvaltare vid frågor.

Film och video

Alla filmer som ska visas på kungsbacka.se ska laddas upp i Sitevision. Här kan du läsa om hur vi bäddar in film och video.

Under rubriken Att bädda in information på sidor finns mer information om varför vi inte använder Youtube. Om vi gör en livesändning via Youtube bör du i första hand länka besökaren till Youtube, snarare än att bädda in filmen på webbplatsen.

Tillgängliga filmer

• Alla filmer som visas på webbplatsen ska textas
• Vi ska aldrig starta en video automatiskt, utan besökaren ska själv göra valet att starta filmen när den själv är redo att titta.
• En film som består av enbart text ska även ha en berättarröst som läser upp all information för den som inte kan se.

Att skriva innovationsinitiativ

I Kungsbacka testar vi innovationsidéer, utvecklar och testar igen. Här har vi samlat Kungsbackas innovationsinitiativ.

Har du något intressant initiativ du vill skriva om? Här kan du läsa en guide till att skriva innovationsinitiativ.

Granskning av innehållet

Innehåll på kungsbacka.se ska granskas regelbundet av innehållsägaren. Hur ofta innehållet på en sida behöver granskas kan variera beroende på dess karaktär, men någonstans efter 6 månader till 1 år, och aldrig mer sällan än 1 gång om året.

Du ställer in vem som ska få en påminnelse via mejl under Egenskaper -> Metadata -> Redaktionellt -> Sidansvarig. Klicka i rutan och sök fram personen. I samband med att sidan publiceras ställer du in när personen ska få en påminnelse genom att bocka i "Aktivera tidpunkt för påminnelse att se över innehållet".

Om personen som är sidansvarig skulle sluta behöver denna manuellt bytas ut. I nuläget finns ingen funktion att skicka ett meddelande som inte går fram någon annanstans.

Nyhetspublicering

Det är kommunikatören som publicerar sin verksamhets nyheter. Nyheten ska alltid vara planerad i Planable innan publicering. Du skriver och publicerar nyheten själv, och den dyker upp på startsidan automatiskt. Du ska sätta minst en etiketter på din nyhet för att den ska visas under våra huvudrubrik-sidor. Det gör du under Egenskaper -> Etiketter.

Så skapar du en nyhetssida

Att tänka på när du publicerar en nyhet:

• Din text ska var korrläst av en korrbuddy efter vår checklista för innehållsarbete.
• Du bör också ha läst igenom våra redaktörsriktlinjer.
• Tänk på hur du formaterar länkarna. En länk som går till en annan sida på kungsbacka.se ska alltid läggas in som intern länk, ett dokument ska länkas som en fil osv. Detta för att länken ska få rätt inställningar och egenskaper.
• Har du citat i din nyhet, ska du inte använda talstreck, eller bindestreck. Du ska använda funktionen citat Länk till annan webbplats..
• Se till så att all löpande text inklusive punkt- och numrerade listor har formateringen Brödtext.
• Om det finns en sida om samma ämne ska en länk läggas in som Relaterad länk i metadatat.
• Bilder ska vara i rätt storlek
• Alla kontaktuppgifter ska läggas in via metadata, inga kontaktuppgifter ska ligga i löpande text. Enda undantaget är när kontaktpersonen inte finns inlagd i sitevision (sök alltid först om hen finns inlagd). Då lägger du kontaktuppgifterna som en textruta med formatering puff enligt exemplet. Mejladress och telefonnummer ska alltid vara länkat. Kolla alltid av detta med den digitala redaktionen innan du skriver in manuellt.

Följsam typografi, osynligt radbryt

I exempelvis kollagemeny kan man behöva göra ett osynligt radbryt. Detta betyder att man lägger in ett radbryt som inte syns utåt men funkar när det behövs. Exempelvis när ett ord är för långt och behöver avstanning.

Läs mer om följsam typografi och osynliga radbryt hos Limepark Länk till annan webbplats.