Digital grafisk profil

Logotypen är den viktigaste delen av kommunens varumärke och ska alltid finnas med i vår visuella kommunikation. Den består av två delar – vårt heraldiska vapen och en specialritad ordbild. Vårt vapen består av helgonen S:t Petrus som bär en nyckel och S:t Paulus som bär ett svärd.

Vi använder olika färgpaletter beroende på om det är en extern eller en intern plattform. Exempel på externa plattformar är kommunens webbplats och e-tjänster riktade mot kommuninvånare.

Använd tillräckliga kontraster i komponenter och grafik så att allt innehåll på en webbsida eller app (som ikoner, diagram och infografik till exempel) syns ordentligt mot bakgrund och andra objekt.

Grön - primär färg

RGB: 0 134 109, HEX: #00866D

Gul - sekundär färg

RGB: 255 209 0, HEX: #FFD100

Vi använder olika färgpaletter beroende på om det är en extern eller en intern plattform. Exempel på interna plattformar är kommunens intranät och e-tjänster riktade mot våra medarbetare.

Använd tillräckliga kontraster i komponenter och grafik så att allt innehåll på en webbsida eller app (som ikoner, diagram och infografik till exempel) syns ordentligt mot bakgrund och andra objekt.

Typsnitten utgör en viktig del av kommunens grafiska profil och de är utprovade för att vara tydliga och lätta att läsa.

Använd tillräcklig kontrast mellan text och bakgrund, det är avgörande för att alla ska kunna ta del av innehållet. Det gör texten tydlig och läsbar, vilket gynnar personer med synnedsättningar och säkerställer att den information du vill förmedla kan nå alla på ett likvärdigt sätt.

Kommunen använder Font Awesome Pro som bibliotek för ikoner. Enkelt beskrivet fungerar Font Awesome som ett typsnitt där bokstäverna är ersatta med ikoner. Det är skapat med open source, är fritt att använda och bäddas enkelt in i html-koden. Mer information finns på Font Awesomes webbplats.

Den stiliserade grafiska illustrationen med kända landmärken är framtagen för kommunens externa webbplats. Den används även i mallen för PowerPoint och i en viss typ av informationsaffischer. För övrigt ska den användas sparsamt.

Om illustrationer eller grafiska element är nödvändiga ska det vara stiliserade enkla former, platta ytor och rena färger.

Fotografier spelar en viktig roll i kommunens visuella identitet och de bilder vi använder ska vara trovärdiga och autentiska. Människorna i bilderna ska symbolisera kommunens invånare – vanliga människor, inte modeller. Vårt bildspråk ska vara inkluderande och representera jämlikhet och mångfald.

Pressportal

I vår pressportal finns bilder som är fria att användas i redaktionella sammanhang och för att marknadsföra Strängnäs kommun som plats.

Vi följer de webbriktlinjer som Digg (Myndigheten för digital förvatling) har specificerat. Här är en summering om hur man utformar formulär.

1. Gör det synligt vad som är i fokus
Alla fokuserbara objekt ska ha en synlig fokusmarkering när en person tabbar dit med hjälp av tangentbordet.

2. Ha en logisk och meningsfull fokusordning
Innehåll ska presenteras på ett logiskt sätt oavsett om en person kan läsa innehåll, behöver ha skärmläsare eller tabbar sig genom länkar och andra interaktiva objekt på webbsidan.

3. Konsekvent benämning
Samma funktionalitet i formulär, e-tjänster och på webbplatsen ska benämnas konsekvent och på samma sätt. En Skicka-knapp ska heta Skicka överallt och inte Sänd ibland.

4. Text på knappar
Knappar och länkar som har en synlig text ska vara uppmärkta kodmässigt så att namnet åtminstone innehåller samma text. Det underlättar för personer som använder röststyrning eller skärmläsare att hitta och använda knappar och länkar på samma sätt som seende kan.

5. Ge möjlighet att ångra, korrigera eller bekräfta
Att kunna ångra eller ändra ifylld information är viktigt, inte minst om det som angetts är av exempelvis ekonomisk eller juridisk karaktär. Därför ska det gå att ångra sig, förhandsgranska, korrigera eller bekräfta informationen innan den skickas iväg.

6. Visa var ett fel uppstått och beskriv det tydligt
Felmeddelanden ska vara lätta att förstå och ska visas tydligt i tjänsten, så att det är enkelt att rätta till felet och komma vidare.

7. Ange syftet för formulärfält i koden
Att information i inmatningsfält förmedlas maskinläsbart är viktigt eftersom det hjälper användare med skärmläsare eller andra tekniska hjälpmedel att förstå och fylla i formulär korrekt.

8. Se till att komponenter fungerar i hjälpmedel
Personer som använder skärmläsare är beroende av att det innehåll som finns på webbplatsen kan tolkas och läsas upp av skärmläsaren. Då behöver de olika komponenterna på webbplatsen fungera med hjälpmedlet.

Vi använder klarspråk när vi skriver texter av olika slag. Då gör vi det lätt för våra kommuninvånare att göra rätt och vi minskar risken för missförstånd. Klarspråk är att skriva vårdat, enkelt och begripligt.

Här är några av våra viktigaste skrivregler:

• Undvik förkortningar, då det inte är klarspråk och inte fungerar vid digital uppläsning.
• Använd inte engelska ord och uttryck om det finns svenska motsvarigheter.
• Undvik (eller förklara) facktermer.
• Kommunens avdelningar, enheter och nämnder ska skrivas med liten bokstav.
• Siffror ska alltid skrivas i bokstäver till och med siffran tolv.
• Skriv ut hela datum och tidsangivelser.

Kommunens digitala service ska kunna uppfattas, användas och förstås av alla användare, oavsett funktionsnedsättningar och oberoende av vilka hjälpmedel som används. På vår sida Tillgänglighetsredogörelser finns en översikt över de webbplatser och tjänster som ingår i Strängnäs kommuns digitala service och som omfattas av lagen om tillgänglighet till digital offentlig service.