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    

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

Conseil 

UI

C People

B Planet

B Prosperity

Difficulté

N/A

Priorité

/

Récurrence

/

Tests

Les gains ont-ils été mesurés avec l'utilisation de srcset ?

Précisions

La sélection des différentes tailles d'images disponibles peut être laissée au navigateur avec une encapsulation des images dans srcset. Le browser va sélectionner le format le plus adapté à son utilisation. Cette technique n'est pas toujours la plus efficace du point de vue NR et doit être validée par rapport à des alternatives plus statiques.

Éléments complémentaires

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

/

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

Une alternative CSS est-elle disponible pour une animation ?

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 ?

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 ?