Kode

Tags

Eksempler og retningslinjer

• Retningslinjer
• Eksempler

Installation

HTML Struktur

<button class="tag ">Default </button>

• Tags markeres tydeligt med en fokus tilstand, når brugere ved hjælp af tab-tasten navigerer sig frem til dem.
• Undgå at anvende div eller img tags til at konstruere et tag, da skærmlæsere ikke automatisk kan afkode funktionaliteten i så fald.
• Tags med et indlejret svg-ikon som fx (X) for ”Slet” eller ”Fjern” skal være klikbare på hele tag’et og ikke kun ikonet.

Varianter

Tags med ikon

<button class="tag tag-icon">Default
    <svg class="icon-svg" focusable="false" aria-hidden="true"><use xlink:href="#close-circle"></use></svg>
</button>