Icône animée pour le téléchargement Cette page présente l’animation utilisée pour l’icône de téléchargement de donnée (loader). Description L’icône animée sert à informer l’utilisateur que l’affichage d’information est en cours. Chargement en cours Dans certains cas particuliers, il est possible que cette icône se trouve sur un voile blanc transparent couvrant l’ensemble de l’interface qui précède le chargement. Dans ces cas précis, le style CSS suivant doit être appliqué sur le voile blanc en question : background-color: $white; opacity: 0.8; Un exemple peut être consulté en sélectionnant une région des offres d’emplois sur la page Web Carrières de la RAMQ. Accessibilité Il est important que l’icône possède le texte de remplacement « Chargement en cours », fourni par un texte hors écran. Pour que ce texte soit transmis aux technologies d’assistance peu importe où se trouve le focus de l’utilisateur lors de l’apparition de l'icône, l’attribut role="status" doit être ajouté à l’élément <div> dans lequel l’icône est injectée.
