Un errore comune in PageSpeed Insights / Lighthouse riguarda l'esperienza dell'utente e l'accessibilità. "Links do not have a discernible name“.
Nello scenario indicato, l'errore viene generato perché i collegamenti associati alle icone non hanno un nome riconoscibile. Quando i collegamenti icona vengono utilizzati in connessione con social network o altri profili, dovrebbero contenere un tag descrittivo chiamato "aria-label“.
Nel tema Voice – Meks, questo errore si verifica più frequentemente in relazione ai collegamenti "Author Box” dalla fine degli articoli.
Links do not have a discernible name. Lighthouse Fix
La soluzione semplice è aggiungere il tag: aria-label="Nume".
Nel "author box" per il tema Voce (theme WordPress sviluppato da Meks), ho risolto il problema modificando la riga 73 nel file template-parts/author-box.php, dove ho inserito l'etichetta 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 riga originale che è stata modificata:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>Dopo aver apportato le modifiche di cui sopra a tutte le icone che dispongono di collegamenti, "Links do not have a discernible name” non sarà più presente inLighthouse.
Questo errore che può diminuire il punteggio Lighthouse, è certamente presente anche in altri temi WordPress sviluppato da Meks o da altri sviluppatori.
