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".
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).
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)