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

Voir en ligne : Plus d’exemples et d’outils sur le site de cours

Publié le 4 juin 2019
Mis à jour le 21 juillet 2019