Gå til sidens indhold

Komponenter

Spinner

En spinner er et visuelt aktivt og synligt signal til brugeren om, at indlæsningen af en side eller delfunktion er forsinket.

<div class="spinner"></div>

Tilgængelighed

Anvend ARIA attributten aria-busy="true" på elementet, der er igang med at blive opdateret til at markere for skærmlæsere, at der er en live region i gang med indlæsning og sæt værdien til false, når den er indlæst.

Brugervenlighed

Anvendes til

En spinner anvendes til at signalere en forsinket indlæsning af en side eller del-funktion ved at give brugeren en synlig respons.

Anvendes ikke til

Spinner skal ikke anvendes som en standard komponent på alle løsninger, da det må forventes at langt størstedelen vil kunne indlæse inden for 3 sekunder.

Vejledning

  • Anvend kun spinners i særdeles begrænset omfang og kun på løsninger, hvor der kan forventes ventetid.
  • En spinner skal ikke anvendes til kompensation for en permanent langsom performance.
  • En spinner bør ikke køre mere end 5-10 sekunder før brugeren gøres opmærksom på, at der må forventes lidt ventetid.