Ett collage av ikoner

Ikoner

Ikoners styrka är igenkänning. För att en ikon skall fylla sin funktion är det viktigt att användaren känner igen ikonen. Första gången en ikon används bör den därför förklaras tillsammans med text. När den sedan återkommer kan man visa den utan text om det krävs men då gärna med en förklaring i form av Title-attribut.

Det finns idag flera olika ikoner för vanligt förekommande funktioner på offentliga webbplatser. Flera av ikonerna har visat sig svåra att använda på nya webbplatser då de inte passar in i grafiska profiler och så vidare. När riksdagen lanserade sin nya webbplats tog de därför fram ett antal nya ikoner tillsammans med EU-upplysningen. Dessa ikoner är fria att använda för andra.

Verva har inte gått ut och rekommenderat några särskilda ikoner för webbplatser och därför ställer vi på Funka oss bakom riksdagens nya ikoner och rekommenderar att dessa används på fler webbplatser.

Behovet finns av fler ikoner

Många har hört av sig till oss med önskemål om ytterligare ikoner av standardkaraktär. Vi har nu nöjet att presentera ytterligare ikoner som fritt kan laddas ner och användas på era webbplatser. Det vi ber om i gengäld är att ni meddelar oss när ni använder ikonerna och på vilken webbplats det gäller.

Om ni färgförändrar ikonerna så vill vi också att ni skickar in dem till oss. Då lägger vi upp dem så att andra kan ladda ner dem. På så vis kan vi spara tid åt varandra och vi får också möjlighet att se till att kontrastvärdena är tillräckliga på ikonerna. Tar ni fram egna ikoner enligt samma manér får ni gärna skicka dem till oss också.

Följande ikoner är nya:

Ikon, hitta hit eller vägbeskrivning, ikon för hitta hit eller vägbeskrivning.

Ikon, tipsa om webbplatsen, ikon för att tipsa om webbplats till annan användare .

Ikon, e-tjänster, ikon som kan användas för att länka till e-tjänster på webbplatsen. Ordet Tjänst kan bytas ut mot till exempel ”[e] ansökan”.

Ikon, till hjälpinformation, ikon som kan länka till hjälpinformation, kontextuell sådan eller ett avsnitt på webbplatsen som hanterar hjälp.

Ikon, register, denna ikon kan man använda till register.

Ikon, Skicka e-post, skicka e-post funktioner eller e-post.

Blå  GrönRödGråBeskrivning
Ikon:  A-Ö-lista, blå Ikon:  A-Ö-lista, grön Ikon:  A-Ö-lista, röd Ikon: A-Ö-lista, grå mörk A-Ö-lista, används när man länkar till en sida som visar webbplatsen innehåll i A-Ö ordning
Ikon: Anpassa webbplatsen, blå Ikon: Anpassa webbplatsen, grön Ikon: Anpassa webbplatsen, röd Ikon: Anpassa webbplatsen, grå mörk Länkar till sida eller funktions som hjälper användaren att anpassa webbplatsen utseende
Ikon: Lägg till i favoriter, blå Ikon: Lägg till i favoriter, grön Ikon: Lägg till i favoriter, röd   Lägg till i favoriter, används för funktionen att göra sidan till en favorit eller för att bokmärka sidan.
Ikon: Arkiv, blå Ikon: Arkiv, grön Ikon: Arkiv, röd   Arkiv, visar att dokument finns tillgängligt i arkiv men måste beställas.
Ikon: Språk, engelska, blå Ikon: Språk, engelska, grön Ikon: Språk, engelska, röd   Språk, engelska
Ikon: Språk, svenska, blå Ikon: Språk, svenska, grön Ikon: Språk, svenska, röd   Språk, svenska
Ikon: Andra språk, blå Ikon: Andra språk, grön Ikon: Andra språk, röd   Andra språk
Ikon: Laddar, blå Ikon: Laddar, grön Ikon: Laddar, röd   Laddar, hämtar,  Visas när något håller på att hämtas.
Ikon: Länk, blå Ikon: Länk, grön Ikon: Länk, röd   Länk, visar att det är en länk som man kan kopiera till sin hårddisk eller favoriter.
Ikon: Lättläst, blå Ikon: Lättläst, grön Ikon: Lättläst, röd Ikon: Lättläst, grå Lättläst
Ikon: Lyssna, blå Ikon: Lyssna, grön Ikon: Lyssna, röd Ikon: Lyssna, mörkgrå Lyssna, visar att det finns en funktion för att lyssna på aktuellt innehåll.
Ikon: Skriv ut, blå Ikon: Skriv ut, grön Ikon: Skriv ut, röd Ikon: Skriv ut, mörkgrå Skriv ut, utskriftsversion
Ikon: Skriv ut, blå Ikon: Skriv ut, grön Ikon: Skriv ut, röd   Spara, ikon som används för att visa att användaren skall spara ner något till sin egen hårddisk.
Ikon: Webb-tv, blå Ikon: Webb-tv, grön Ikon: Webb-tv, röd   Webb-tv, ikon som används för att visa att det finns en TV-inspelning
(Webb-tv) i anknytning till denna information.
Ikon: Kontakt, blå Ikon: Kontakt, grön Ikon: Kontakt, röd   Kontakt, används för att länka till sidor som visar kontaktuppgifter eller för att markera var det finns kontaktuppgifter.
Ikon: Nytt fönster, blå Ikon: Nytt fönster, grön Ikon: Nytt fönster, röd   Nytt fönster, används för att visa att en länk kommer att öppnas i nytt fönster.
Ikon: POD-cast, blå Ikon: POD-cast, grön Ikon: POD-cast, röd   POD-cast, att allt mer vanligt fenomen är att ljudfiler läggs ut så att användaren kan prenumerera på dem och detta är ikonen för att markera dessa filer.
Ikon: Register, blå Ikon: Register, grön Ikon: Register, röd   Register, t ex register över personer.
Ikon: RSS-flöden, blå Ikon: RSS-flöden, grön Ikon: RSS-flöden, röd   RSS-flöden, används för att visa på var man kan hämta RSS-flöden.
Ikon: Webbkarta, blå Ikon: Webbkarta, grön Ikon: Webbkarta, röd Ikon: Webbkarta, grå Webbkarta, används för att visa att webbplatsen har en webbkarta (sajtkarta, sitemap).
Ikon, Skicka e-post, blå Ikon, Skicka e-post, grön Ikon, Skicka e-post, röd   Skicka
Ikon, Tipsa, blå Ikon, Tipsa, grön Ikon, Tipsa, röd   Tipsa om sida
Ikon, Hjälp, blå Ikon, Hjälp, grön Ikon, Hjälp, röd   Ikon när man vill länka till en hjälpavsnittssida eller hjälptext
Ikon, Karta/Hitta till oss, blå Ikon, Karta/Hitta till oss, grön Ikon, Karta/Hitta till oss, röd   Ikon som kan användas när man vill länka till en karta, t ex hitta till oss
xxx       Ikon för sidor anpassade för barn.
      Ikon: hoppa över navigation, svart Gå till innehållsdelen på sidan, hoppa över navigeringen
Ikon, e-tjänst, blå       Ikon som kan användas som den är för grupp av e-tjänster eller där ordet "tjänst" byts mot själva tjänsten t ex e-deklaration. För att ändra text, använd Photoshop-fil
Ikon: XL-fil, blå Ikon: XL-fil, grön Ikon: XL-fil, röd   Excel-fil
Ikon: Word-fil       Word-fil
Ikon: pdf-fil       Pdf-fil

Färg och kontrast

Du kan ändra färg på ikonerna så att de passar den grafiska profilen, tänk då på att kontrastvärden måste vara tillräckliga, minst 50 procent. Om du gör om ikonerna på något sätt vill vi gärna att du skickar dem till oss. Vi kommer då att kontrollera dessa och om det är godkända så lägger vi upp dem på vår webbplats för andra att använda. Vi vill också be alla att inte ändra filnamnen på ikonerna.

Fler språk

Vill du ha andra språkikoner än de som finns idag kan du se språkförkortningar i denna lista, öppnas i nytt fönster. Det är tvåbokstavsförkortningarna som används och typsnittet är: Impact.

Kontakt

En telefon. Foto

Växel: 08 555 770 60

E-post: kontakt@funkanu.se

Övrig kontaktinformation

Karta och vägbeskrivning

Nyhetsbrev

Ett par glasögon som ligger på en tidning. Foto

Gratis tips om tillgänglighet och användbarhet varje månad.

Prenumerera på Uppdaterad

Tidigare nummer av Uppdaterad