Images

Évitez la décoration inutile. N’utilisez les images que si elles rebondent à un réel besoin pour les utilisateur.

Ratio

Photographie

Le ratio pour les photographies doit être de 3/2.

src="/assets/img/picture-960x640.jpg" srcset="../../assets/img/picture-320x213.jpg 320w, ../../assets/img/picture-540x360.jpg 540w, ../../assets/img/picture-720x480.jpg 720w, ../../assets/img/picture-960x640.jpg 960w, ../../assets/img/picture-1140x760.jpg 1140w" alt="Alternative text">

Illustrations ou images représentatives

Si votre image représente un objet physique, comme une lettre, un document ou une carte de crédit, vous devez utiliser les proportions de cet élément.

Text alternatif

Merci de nous renvoyer le formulaire.

Texte alternatif

Toutes les images doivent avoir une attribut alt. Vous devez inclure une description de l’image dans la balise pour aider les utilisateurs qui ne peuvent pas la voir.

src="../../assets/img/vevey-vapeur.jpg" alt="Le bateau à vapeur Vevey sur le lac Léman">

<img
    
    src="../../assets/img/vevey-vapeur.jpg"
     alt="Le
bateau à vapeur Vevey sur le lac Léman">

Si votre image est purement décorative et qu’une description pourrait prêter à confusion, vous devez toujours inclure l’attribut alt, mais laissez-la vide pour qu’elle soit ignorée par les lecteurs d’écran.