Um erro comum em PageSpeed Insights / Lighthouse trata-se de experiência do usuário e acessibilidade. "Links do not have a discernible name“.
Neste cenário, o erro é gerado porque os links associados aos ícones não possuem um nome discernível. Quando links de ícones são usados em redes sociais ou outros perfis, eles devem conter uma tag descritiva chamada “aria-label
“.
No tema Voice – Meks, esse erro ocorre com mais frequência em links "Author Box”do final dos artigos.
Links do not have a discernible name. Lighthouse Fix
A solução simples é adicionar a tag: aria-label="Nume"
.
No "author box” para o tema Voice (tema WordPress Desenvolvido por Meks), resolvi o problema alterando a linha 73 no arquivo template-parts/author-box.php, onde inseri o rótulo 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>
A linha original que foi alterada:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>
Depois de fazer as alterações acima em todos os ícones que possuem links, “Links do not have a discernible name”não estará mais presente emLighthouse.
Esse erro que pode depuntar a pontuação em Lighthouse, certamente está presente também em outros temas WordPress Desenvolvido por Meks ou por outros desenvolvedores.