Google Lighthouse : vérifier l'accessibilité et la performance en un clic (Série Créer son Site Ép. 26) - Aurélie Gautier

L’utilité : Un audit automatisé pour une conformité sans faille

Lighthouse est un outil open-source intégré directement dans Google Chrome. Le défi est de passer d’une intuition de “site bien fait” à un score chiffré sur 100, vous permettant d’identifier précisément les obstacles qui empêchent les personnes en situation de handicap (et les moteurs de recherche) de comprendre votre contenu.

Matière grise : Le diagnostic technique pour l’amélioration continue

On applique ici le principe de Management par la donnée (Management de l’excellence). Lighthouse élimine les “Muda” (gaspillages) d’interprétation : il ne vous dit pas que votre site est “moyen”, il vous liste les erreurs de code et de contraste avec une précision chirurgicale. L’excellence impose de viser un score supérieur à 90. C’est le juge de paix qui valide que votre infrastructure respecte les standards du Web moderne et les règles d’inclusion universelle.

Solution pratique : Comment utiliser Lighthouse

• Accéder à l’outil : Sur votre site, faites un clic droit > Inspecter, puis allez dans l’onglet Lighthouse (en haut à droite du panneau qui vient de s’ouvrir).
• Lancer l’analyse : Sélectionnez uniquement “Accessibilité” (et “Performance” si vous le souhaitez) et choisissez le mode “Mobile” ou “Desktop”. Cliquez sur “Analyser le chargement de la page”.
• Interpréter le rapport :
  • Le Score : Un cercle vert (90-100) indique une excellente maîtrise.
  • Les Éléments bloquants : Lighthouse vous montre exactement quelle image n’a pas de texte alternatif (Alt-text) ou quel bouton n’a pas d’étiquette claire pour les lecteurs d’écran.
  • Le Contraste : L’outil identifie les textes dont la couleur est trop proche du fond, rendant la lecture pénible pour les malvoyants ou les utilisateurs en plein soleil.

Action

Lancez un audit Lighthouse sur votre page d’accueil. Ne vous découragez pas si le score initial est faible : traitez les erreurs une par une, en commençant par les “Contrastes” et les “Attributs ARIA” (noms des boutons), puis relancez l’audit jusqu’à obtenir le cercle vert.

[!NOTE] L’œil de l’expert : En management, un audit automatisé n’est que la moitié du chemin. Lighthouse détecte les erreurs de code, mais il ne remplace pas un test humain : l’outil ne peut pas vous dire si votre texte est “facile à comprendre”, seulement s’il est “lisible par une machine”.

[!TIP] Conseil de terrain : Utilisez le mode “Navigation privée” pour lancer vos tests Lighthouse. Cela évite que vos extensions Chrome (comme un bloqueur de pub) ne viennent fausser les résultats et ralentir artificiellement le score de performance.

SOMMAIRE

Série CRÉER SON SITE : Votre Vitrine d’Expertise en 28 Articles Clés (Le Guide Complet)