Častá chyba v PageSpeed Insights / Lighthouse jde o uživatelskou zkušenost a dostupnost. "Links do not have a discernible name“.
V daném scénáři je chyba generována, protože odkazy spojené s ikonami nemají rozeznatelný název. Pokud se odkazy na ikony používají ve spojení se sociálními sítěmi nebo jinými profily, měly by obsahovat popisný štítek s názvem „aria-label
“.
V tématu Voice – Meks, tato chyba se vyskytuje nejčastěji v souvislosti s odkazy "Author Box“ z konce článků.
Links do not have a discernible name. Lighthouse Fix
Jednoduchým řešením je přidat značku: aria-label="Nume"
.
V "author box“ pro téma Hlas (téma WordPress vyvinutý společností Meks), problém jsem vyřešil změnou řádku 73 v souboru template-parts/author-box.php, kde jsem zadal štítek 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>
Původní řádek, který byl změněn:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>
Po provedení výše uvedených změn u všech ikon, které mají odkazy, “Links do not have a discernible name“ již nebude přítomenLighthouse.
Tato chyba, která může snížit skóre Lighthouse, je jistě přítomen i v jiných tématech WordPress vyvinutý společností Meks nebo jinými vývojáři.