Ett vanligt fel i PageSpeed Insights / Lighthouse det handlar om användarupplevelse och tillgänglighet. "Links do not have a discernible name".
I det givna scenariot genereras felet eftersom länkarna som är kopplade till ikonerna inte har ett urskiljbart namn. När ikonlänkar används i samband med sociala nätverk eller andra profiler bör de innehålla en beskrivande tagg som heter "aria-label
".
I temat Voice – Meks, detta fel uppstår oftast i samband med länkar "Author Box” från slutet av artiklarna.
Links do not have a discernible name. Lighthouse Fix
Den enkla lösningen är att lägga till taggen: aria-label="Nume"
.
I "author box” för rösttemat (tema WordPress utvecklad av Meks), fixade jag problemet genom att ändra rad 73 i filen template-parts/author-box.php, där jag skrev in etiketten 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>
Den ursprungliga raden som ändrades:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>
Efter att ha gjort ändringarna ovan för alla ikoner som har länkar, "Links do not have a discernible name” kommer inte längre att finnas iLighthouse.
Detta fel som kan avbryta poängen i Lighthouse, finns säkert även i andra teman WordPress utvecklad av Meks eller av andra utvecklare.