2 minuters läsning

Uppräkning

Modulen Uppräkning gör era siffror levande. Med snygg presentation, enkel administration, fokus på tillgänglighet och möjlighet att länka varje tal till fördjupad information blir de tydliga bevis på ert arbete och era resultat.

Inställningar

Ange tal

Du börjar med att ange de tal som ska räknas upp. Om talet du vill ange är ett decimaltal anger du ett kommatecken som decimal, ex. "123,8".

Exempel på tal du kan använda:

  • 123 – ett heltal
  • -123 – ett negativt tal
  • 123,4 – ett decimaltal (använd kommatecken för decimaler)
  • 100000 – ett större tal utan tusentalsavgränsare*
  • 2025 – ett årtal (lämpligt att visa utan tusentalsavgränsare*)

*Mer information om tusentalsavgränsare finns tre rubriker ner.

Enhet eller tecken att visa bredvid siffran

Vill du lägga till en enhet eller ett tecken brevid talet du angivet gör du det här. Exempel kan vara %, st eller kr.

Använd mellanslag mellan tal och enhet

Kryssa i rutan om du vill ha ett mellanslag mellan talet och enheten.

Använd tusentalsavgränsare

Beroende på om du vill visa ett årtal eller ett tal bestämmer du själv om talet ska ha en tusentalsavgränsare eller inte. Kryssa i rutan för att ha en tusentalsavgränsare.

Tillhörande text

Fyll i om du vill ha en tillhörande text till ditt tal.

Placering av den tillhörande texten

Välj om du vill placera den tillhörande texten under talet eller över talet.

Länka budskapet

Vill du länka budskapet till mer information? Ange isåfall länkmålet här. Budskapet blir då klickbart.

Effekter

Uppräkningstid (i millisekunder)

Ange hur många millisekunder det ska ta att räkna upp talet. Talet börjar att räknas upp när det synligt på sidan. Exempel. 3000 för 3 sekunder.

Förändringskurva (easing)

Välj hur själva uppräkningen ska kännas, alltså hur hastigheten ändras under animeringen:

  • Startar snabbt och saktar av mot slutet – naturlig och lugn avslutning.
  • Börjar långsamt och accelererar mot slutet – bygger upp tempo mot slutet.
  • Passerar slutvärdet lite och studsar tillbaka – ger en lekfull rörelse.
  • Studsar mot slutvärdet – får siffran att “hoppa till” vid slutet.

Utseende

Denna modulen har temastöd vilket innebär att en del av utseendet sätts utifrån det aktuella temat på webbplatsen.

Välj element för budskapet

Du får välja mellan h1, h2, h3 och paragraf beroende på vad som är passar i sammanhanget.

Textstorlek tal + enhet

Det finns möjlighet att välja storlek small till xxxx-large för talet samt enheten, textstorleken beräknas utifrån grundstorleken i temat.

Textstorlek tillhörande text

Det finns möjlighet att välja storlek small till xxxx-large för den tillhörande texten, textstorleken beräknas utifrån grundstorleken i temat.

Välj utseende

Välj mellan tre olika utseenden beroende på hur du vill att budskapet ska visas upp.

  • Vänsterställd med kantlinje - Vänsterställd text med en kantlinje till vänster om texten.
  • Block - Texten visas på ett bakgrundsblock.
  • Centrerad med understruken text - Centrerad text med kantlinje under text + tal, den tillhörande texten visas under kantlinjen.

Tillgänglighet

Modulen är utvecklad med fokus på tillgänglighet och följer WCAG-riktlinjer. Om besökaren har aktiverat reduced motion i sitt operativsystem visas siffrorna utan animation.

Mer om oss

Vi är specialister på Sitevision och nyttiga moduler