Hopp til hovedinnhold

Hva leter du etter?

Prøv å søke etter…

Komponenter

Badge

Badge er ein ikkje-interaktiv komponent som viser status med eller utan tal. Bruk Tag dersom du skal ha tekst i staden for tal.

Dette må du sjekke selv

Badge som viser viktig informasjon skal inngå i det interaktive elementets tilgjengelige navn.

Hvis Badge plasseres inline (inni elementet), blir innholdet en del av det tilgjengelige navnet. Eksempel: Button med teksten "Innboks" og Badge med "2" leses opp som "Innboks 2".

WCAG: 1.3.1 informasjon og relasjoner


Hvis Badge er plassert utenfor det interaktive elementet, skal badge-informasjonen legges til i elementets tilgjengelige navn.

Dette gjelder ofte når Badge vises i hjørnet av en knapp eller ikon. I slike tilfeller skal badge-verdien legges til manuelt i elementets tilgjengelige navn (for eksempel via aria-label).

WCAG: 1.3.1 informasjon og relasjoner


Badge som endrer verdi (for eksempel 1 → 2) skal annonseres til skjermlesere

WCAG: 4.1.3 Statusbeskjeder

Rediger denne siden på github.com (åpnes i ny fane)