Komponenter
Spinner
Spinner brukes for å indikere at innhold eller en handling er i ferd med å laste, og at brukeren må vente før de kan fortsette.
Vi jobber med å forbedre dokumentasjonen for tilgjengelighet på denne komponenten. Har du spørsmål eller ser noe som bør prioriteres, ta gjerne kontakt med oss på Github eller Slack.
Når brukeren har prefers-reduced-motion satt til reduce vil spinneren ha en animasjon på 6 sekunder.
Animasjonen er ikke dekorativ, og vi skrur den derfor ikke av.
For å sikre en god brukeropplevelse bør spinner kombineres med tekst eller ha en aria-label, slik at også brukere med hjelpemidler får informasjon om at lasting pågår. Når du har tekst som indikerer lasting sammen med spinner, må du skjule spinner med aria-hidden="true" for å unngå at "lasting" leses opp flere ganger. Hvis du ikke har tekst skal spinner i stedet ha en aria-label.