Ikoner - Inera

Ikoner

Ikoner som används för digitala tjänster under varumärket Inera är primärt bruna eller turkosa.

• Ikoner i sajthuvud, för Senast uppdaterad samt Alert är bruna. Dessa är hämtade från https://designmodo.com/linecons-free/

• Ikoner till funktioner och länkar är turkosa. Dessa är samma som används för 1177 Vårdguiden och egenritade.
  
  

Exempel (ska uppdateras)

Några exempel på hur vi använder ikoner med hjälp av Fontello eller som SVG filer inbäddade i CSS koden.

Do’s and Don’ts

• Använd primärt ikoner hämtade från https://designmodo.com/linecons-free/ eller egenritade ikoner.

Tillgänglighet

Även för ikoner, som utgör en form av grafiskt element på sidan, gäller samma kriterier som för bilder generellt under WCAG 2.1 Nivå AA. Se riktlinjer under Tillgänglighet.

• Alternativ text (ALT-text) när ikonen saknar kompletterande text.

• Tillräcklig storlek för en klickbar yta (om ikonen är klickbar)

• Tillräcklig kontrast mellan ikon och bakomliggande element

Material

Ikoner

Här finns en samling av de ikoner som används på Inera.se i svg och png. (Finns även i Sketchbiblioteket):

Research på komponenten

-

Relaterade resurser/komponenter

• Sketchbiblioteket

Status