Icon

4.3.1

A description of this component is work in progress.

Demo

Installation

npm install @sj-ab/component-library.ui.icon

Länkar

Tillgänglighet

Semantik

Våra ikoner är nästan alltid dekorativa och används som komplement till en synlig text. Vi presenterar därför ikonerna som en SVG med aria-hidden="true" som standard. Det gör att ikonerna kommer att ignoreras och inte läsas upp av skärmläsare, vilket minskar repetitionen i gränssnittet.

Meningsbärande ikon?

Om du av någon anledning vill att ikonen ska vara meningsbärande och att den ska läsas upp av skärmläsare kan du sätta attributen role och aria-label manuellt:

<Icon name="moon_small" role="img" aria-label="Måne" />

Change log

Statistik

  • Importer av Icon

    661

  • Repos med Icon

    70%

  • Senaste installerade version av Icon

    4.2.0

  • Äldsta installerade version av Icon

    2.2.9