Links do not have a discernible name. Lighthouse Fix

Une erreur courante dans PageSpeed Insights / Lighthouse il s'agit d'expérience utilisateur et d'accessibilité. "Links do not have a discernible name« .

Dans le scénario donné, l'erreur est générée car les liens associés aux icônes n'ont pas de nom perceptible. Lorsque des liens d’icônes sont utilisés en relation avec des réseaux sociaux ou d’autres profils, ils doivent contenir une balise descriptive appelée «aria-label« .

Dans le thème Voice – Meks, cette erreur se produit le plus souvent en relation avec les liens "Author Box» dès la fin des articles.

La solution simple consiste à ajouter la balise : aria-label="Nume".

Dans le "author box» pour le thème Voice (thème WordPress développé par Meks), j'ai résolu le problème en modifiant la ligne 73 dans le fichier template-parts/author-box.php, où j'ai entré l'étiquette aria-label.

<a href="<?php echo esc_url($social_meta ); ?>" aria-label="<?php echo esc_attr( $soc_name ); ?>" target="_blank" rel="noopener" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>

La ligne originale qui a été modifiée :

<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>

Après avoir apporté les modifications ci-dessus à toutes les icônes contenant des liens, "Links do not have a discernible name» ne sera plus présent dansLighthouse.

Cette erreur qui peut altérer le score en Lighthouse, est certainement présent dans d'autres thèmes également WordPress développé par Meks ou par d'autres développeurs.

Passionné de technologie, j'aime écrire des tutoriels et des guides utiles pour les systèmes d'exploitation, les systèmes matériels, les langages de programmation et les téléphones mobiles (iOS, Android). J'aime expérimenter et découvrir de nouvelles techniques de référencement et stratégies d'optimisation Web.

Home » Tutoriel intelligent » Links do not have a discernible name. Lighthouse Fix
Laissez un commentaire