Aller au contenu
FR EN

GR491, Le guide de Référence de Conception Responsable de Services Numériques

MENU
← retour
Front-end    ODD#12     ODD#13    

Une alternative CSS est-elle disponible pour une animation ?

Recommandation 

User Experience

B People

B Planet

B Prosperity

Difficulté

**

Priorité

High

Récurrence

OnUpdate

Tests

Quelles animations pourraient être remplacées par une alternative CSS ?

Précisions

L'information transmise à l'utilisateur par les animations peut aussi être gérée par des mécanismes CSS qui sont moins lourds donc plus économes de ressources.

Use Case

Code source / CHROME console

Éléments complémentaires

Enjeux opérationnels liés au projet

Métiers concernés

Règle d’évaluation du niveau de conformité du critère

Animations analysées / Animations

Cycle de vie

Réalisation

20 autres critères liés à la recommandation : Implémenter des solutions techniques dont l'impact est le plus faible

Recommandation Incontournable

UI

Une version épurée est-elle disponible pour les impressions ?

Recommandation

User Experience

Le service est-il adapté aux différents formats de support d'accessibilité ?

Recommandation

UI

Les animations sont-elles nécessaires, souhaitées par l'utilisateur ?

Recommandation

UI

Le service est-il développé en accord avec les recommandations RGAA ?

Recommandation

UI

Est-ce que les polices utilisées ne sont pas chargées uniquement pour un nombre réduit d'objets ?

Recommandation

UI

En cas d'impression, une police permettant l'économie d'encre est-elle mise en place ?

Recommandation

UI

Limitez-vous le nombre de fonts chargées pour le service ?

Conseil

UI

Réduisez-vous le nombre de picto utilisés dans le service ?

Conseil

UI

Une vidéo est-elle la seule solution pour l'illustration attendue ?

Recommandation

UI

Les vidéos ou animations hors de la zone active sont-elles automatiquement mises en pause / stoppées ?

Recommandation

UI

Est-ce bien une action utilisateur qui déclenche le "play" ?

Conseil

UI

Est-ce que la définition du son est adaptée ?

Conseil

UI

Est-ce que le lazy load apporte un gain (poids de la page, ressource CPU) ?

Recommandation

UI

La mise en forme en css est-elle privilégiée, pour limiter l'usage des images ?

Conseil

UI

Les sprites CSS sont-ils mis en place pour limiter les flux de récupération d'images ?

Conseil

UI

Les alternatives de formats d'images sont-elles mises à disposition via srcset ?

Recommandation

UI

Toutes les images ont-elles une alternative texte ?

Conseil

UI

Est-ce que la définition de l'image est réduite et adaptée à son objectif (illustration, contractuel, ...) ?

Recommandation

UI

Les redimensionnements d'images sont-ils traités en amont et en statique (côté serveur) ?

Recommandation

UI

Les différents formats d'images disponibles ont-ils été évalués pour ne retenir que le plus efficace ?