Accueil  / Actualités, tutos & veille internet / Tuto : tester l’accessibilité et la lisibilité de son site

Tuto : tester l'accessibilité et la lisibilité de son (...)
Tuto : tester l’accessibilité et la lisibilité de son site

Quelques outils en ligne facilement utilisables pour vérifier l’apparence, l’accessibilité et les performances de son site.

Si personne n’est parfait et qu’un site peut s’améliorer de jour en jour il y a des limites au vite-fait bien-fait et aux sites bricolés à la 6-4-2 [1].
Que ce soit pour un site personnel ou a fortiori pour un site professionnel, l’objectif est que celui-ci soit vu, lu, voire engageant et performant lorsque votre activité en dépend.

La qualité générale semble inversement proportionnelle à la profusion d’outils disponibles -gratuitement- pour créer son site, y ajouter des médias de qualité et pour tester le résultat.
Je liste donc ci-dessous quelques liens utiles pour aider à améliorer le rendu d’un site.

Ne gâchez pas votre réputation, ni votre investissement

Si votre site internet est essentiel à votre activité, si vous n’avez jamais créé de site internet, si vous n’avez pas le temps de vous former, tournez-vous vers un professionnel. Au risque d’en arriver là :

message : le web c’est un métier
(post sur un réseau social par un professionnel qui tente de passer de la vente physique à la vente en ligne)

Exemples d’outils de tests qualité

Ci-dessous une liste de ressources gratuites en ligne pour tester l’affichage et la performance d’un site. Ces outils sont à la portée de tous et visent à vérifier quelques aspects techniques et visuels primordiaux.
Les outils de test de contenus et de champ sémantique pour optimiser son référencement et donc son positionnement concurrentiel feront l’objet d’un autre article.

Tester les contrastes de couleur
Texte foncé sur fond foncé (ou blanc sur blanc) = illisible
http://www.checkmycolours.com
Tester la rapidité d’affichage de son site et détecter les points de blocage
Une page qui pèse 26,5 mega = il y a un gros problème (ici il est recommandé d’optimiser WordPress)
https://gtmetrix.com
Visualiser les ressources trop lourdes qui ralentissent le chargement, les liens morts, les erreurs de code
Scan de la page web
https://yellowlab.tools
Images lourdes et liens morts sont relativement simples à corriger
Votre site est-il lisible sur petits écrans
Site optimisé pour petits écrans ?
https://search.google.com/test/mobile-friendly

Résultats après optimisation

Speed / display
Tout n’est pas parfait mais c’est acceptable

Lien

Plus d’exemples et d’outils sur le site de cours

Publié le 4 juin 2019
Mis à jour le 13 novembre 2019