[Référencement] Balises ALT images
Contexte
Les balises ALT images ne sont pas à négliger ni pour le référencement, ni pour l'accessibilité. Messages parfois contradictoires entre référencement et accessibilité. Priorité à l'accessibilité.
Objectif
Faire les modifications suivantes :
En milieu de page vers les compteurs :
-
Image des compteurs en alt="" (c'est déjà le cas ?, ou alors ce ne sont même pas des images ?) -
pour le logo Enedis alt="Logo Enedis" -
Pour le logo EPGL alt="Logo Eau Publique du Grand Lyon" -
Pour le logo GRDF alt="Logo GRDF"
Boutons / se connecter etc :
-
Les liens composites (texte + image) sont correctement structurés.
Les images (icônes) dans les liens ne sont pas porteuses d’information, et leur attribut « alt » doit rester vide.
-
Il est recommandé d’ajouter la mention « nouvelle fenêtre » ou « nouvel onglet » dans un attribut « title » dans les balises <a>. Ex : title="(Nouvel onglet)"
Liens "on parle de nous"
-
Les images liens ont leur attribut « alt » correctement renseigné. Les contenus sont explicites.
-
Il est recommandé d’ajouter la mention « nouvelle fenêtre » ou « nouvel onglet » dans un attribut « title » dans les balises <a>. Ex : title="(Nouvel onglet)" -
Petite remarque au niveau des balises <div> qui structure les slides du carousel en version mobile. Le contenu des attributs « aria-label » est en anglais. Exemple : aria-label="1 of 5". Il faut le traduire en français : aria-label="1 sur 5".
Liens "Réseaux sociaux"
-
Les balises <a> des liens svg ont leur attribut « aria-label » correctement renseigné.
-
Il est recommandé d’ajouter un attribut « aria-hidden="true" » sur les balises <svg>. -
Il est recommandé d’ajouter la mention « nouvelle fenêtre » ou « nouvel onglet » dans un attribut « title » dans les balises <a>. Ex : title="(Nouvel onglet)"