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.

...

Status
colourRed
titleUNDER UPPDATERING

...

Undantag - övriga ikoner

Varumärkesspecifika ikoner ska alltid användas i första hand, men i vissa specifika fall kan ikoner från Googles Material Design användas. Det gäller exempelvis om ett större antal ikoner snabbt behöver tas fram och det inte finns möjlighet eller budget för att ta fram nya varumärkesspecifika ikoner. I dessa fall hänvisar vi till Google material designs ikonbibliotek. Använd koner med ramlinje (ej fyllda).

Google Material design ikonbibliotek

  • 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.

...

Ä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

...