Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.
Innehållsförteckning

Ikoner

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

...

Observera

Innehållet på den här sidan har flyttats till https://

...

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.

Iframe
src//jsfiddle.net/bergsvik/r9hfoL2k/embedded/result,html/
width100%
frameborderhide
idr9hfoL2k
height600px

Do’s and Don’ts

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):

View file
nameInera-Ikoner-svg.zip

Research på komponenten

-

Relaterade resurser/komponenter

  • Sketchbiblioteket

Status

...

Status

...

Status
colourRed
titleUnder arbete

...

Publicerad

...

2020-01-18

...

Senast uppdaterad

...

inera.atlassian.net/l/c/8vo9Xxzj.

Status

Publicerad

Senast uppdaterad