Częsty błąd w PageSpeed Insights / Lighthouse chodzi o wygodę użytkownika i dostępność. "Links do not have a discernible name„.
W podanym scenariuszu błąd jest generowany, ponieważ linki powiązane z ikonami nie mają rozpoznawalnej nazwy. Gdy łącza ikon są używane w powiązaniu z sieciami społecznościowymi lub innymi profilami, powinny zawierać opisowy znacznik o nazwie „aria-label
„.
W temacie Voice – Meks, ten błąd występuje najczęściej w związku z linkami "Author Box” z końca artykułów.
Links do not have a discernible name. Lighthouse Fix
Prostym rozwiązaniem jest dodanie tagu: aria-label="Nume"
.
W "author box” dla motywu Voice (theme WordPressa opracowany przez Meks), naprawiłem problem, zmieniając linię 73 w pliku template-parts/author-box.php, gdzie wpisałem etykietę 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>
Oryginalna linia, która została zmieniona:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>
Po dokonaniu powyższych zmian we wszystkich ikonach zawierających linki, „Links do not have a discernible name” nie będzie już obecny wLighthouse.
Ten błąd, który może zakłócić wynik Lighthouse, jest z pewnością obecny także w innych tematach WordPress opracowany przez Meks lub przez innych programistów.