L’un des moyens les plus simples de rendre votre site Web plus accessible consiste à utiliser un attribut alt dans vos balises d’image. C'est incroyable pour moi combien de personnes oublient d'utiliser cet attribut simple. En fait, maintenant, si vous voulez écrire du XHTML valide, l’attribut alt est requis pour la balise img. Et pourtant, les gens ne le font toujours pas.
L'attribut ALT
L'attribut alt est un attribut de la balise img et est censé être un alt Natif pour les navigateurs non-visuels lorsqu'ils rencontrent des images. Cela signifie que le texte est destiné à être utilisé lorsque l'image n'est pas visible sur la page. Au lieu de cela, ce qui est affiché (ou lu) est le texte alternatif.
De nombreux navigateurs affichent également le texte de remplacement lorsque le client place sa souris sur l'image. Cela signifie que le texte doit être clair et facile à lire et ne pas créer un énorme cauchemar pour tout lecteur qui place sa souris sur votre page. Ajouter du texte alternatif est simple, utilisez simplement l’attribut alt de votre image. Voici quelques conseils pour écrire des balises alt:
Soit bref
Certains navigateurs se casseront si le texte de remplacement est trop long. Et s'il peut sembler intéressant de décrire ce qui est exactement dans l'image, ce n'est pas le but de la balise alt. Au lieu de cela, il devrait être rempli avec exactement les mots nécessaires pour mettre l'image dans son contexte et pas plus
Être clair
Ne soyez pas si bref que le contexte est déroutant. N'oubliez pas que certaines personnes ne verront que le texte dans vos balises alt. Par conséquent, si elles sont trop brèves, elles risquent de ne pas comprendre ce que vous essayez de leur montrer. Par exemple:
- Un arbre: bien
- Un sycomore: mieux
- Un sycomore de 10 pieds de hauteur avec des feuilles principalement brunes et peut-être un problème d’écorce: trop
Être contextuel
Ne décrivez pas l'image si elle est censée être vue dans son contexte. Par exemple: Si vous avez une image du logo de la société, vous devez écrire "Nom de la société" et non "Logo du nom de la société".
Ne pas afficher les rouages de votre site
Si vous insérez des images d'espacement, utilisez simplement un espace pour votre texte alternatif. Si vous écrivez "spacer.gif", cela attirera simplement l'attention sur le site, plutôt que de fournir des informations utiles. Et techniquement, si vous essayez d'écrire du XHTML valide, vous devriez utiliser CSS plutôt que des images d'espacement, de sorte que vous pouvez également laisser le texte alternatif en dehors de ces images.
Soyez conscient des moteurs de recherche
Si vous avez du texte correct clair, concis et clair, cela peut réellement aider votre classement dans les moteurs de recherche, car les images de votre page promeuvent et améliorent vos mots clés.
Ne l'utilisez pas uniquement pour l'optimisation des moteurs de recherche
De nombreux sites pensent que s’ils utilisent le texte alternatif comme outil de référencement, ils peuvent «tromper» les moteurs de recherche en leur demandant d’optimiser leur site pour un mot clé qu’ils n’ont pas. Toutefois, cela peut se retourner si le moteur de recherche décide que vous essayez de simuler vos résultats et vous supprime complètement des résultats.
