En almindelig fejl i PageSpeed Insights / Lighthouse det handler om brugeroplevelse og tilgængelighed. "Links do not have a discernible name“.
I det givne scenarie genereres fejlen, fordi de links, der er knyttet til ikonerne, ikke har et tydeligt navn. Når ikonlinks bruges i forbindelse med sociale netværk eller andre profiler, bør de indeholde et beskrivende tag kaldet "aria-label
“.
I temaet Voice – Meks, denne fejl opstår oftest i forbindelse med links "Author Box” fra slutningen af artiklerne.
Links do not have a discernible name. Lighthouse Fix
Den enkle løsning er at tilføje tagget: aria-label="Nume"
.
I "author box” for Stemme-temaet (tema WordPress udviklet af Meks), løste jeg problemet ved at ændre linje 73 i filen template-parts/author-box.php, hvor jeg indtastede 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 oprindelige linje, der blev ændret:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>
Efter at have foretaget ovenstående ændringer af alle ikoner, der har links, "Links do not have a discernible name” vil ikke længere være til stede iLighthouse.
Denne fejl, der kan afgrænse partituret i Lighthouse, er bestemt også til stede i andre temaer WordPress udviklet af Meks eller af andre udviklere.