Links do not have a discernible name. Lighthouse Fix

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.

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.

Entusiasta de tecnologia, gosto de escrever tutoriais e guias úteis para sistemas operacionais, sistemas de hardware, linguagens de programação e telefones celulares (iOS, Android). Adoro experimentar e descobrir novas técnicas de SEO e estratégias de otimização web.

Home » Tutorial inteligente » Links do not have a discernible name. Lighthouse Fix
Deixe um comentário