Een veel voorkomende fout in PageSpeed Insights / Lighthouse het gaat om gebruikerservaring en toegankelijkheid. "Links do not have a discernible name“.
In het gegeven scenario wordt de fout gegenereerd omdat de links die aan de pictogrammen zijn gekoppeld geen herkenbare naam hebben. Wanneer pictogramlinks worden gebruikt in verband met sociale netwerken of andere profielen, moeten deze een beschrijvende tag bevatten met de naam 'aria-label“.
In het thema Voice – Meks, deze fout treedt het vaakst op in verband met links "Author Box' vanaf het einde van de artikelen.
Links do not have a discernible name. Lighthouse Fix
De eenvoudige oplossing is om de tag toe te voegen: aria-label="Nume".
In de "author box” voor het Voice-thema (thema WordPress ontwikkeld door Meks), heb ik het probleem opgelost door regel 73 in het bestand te wijzigen template-parts/author-box.php, waar ik het label heb ingevoerd 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>De originele regel die is gewijzigd:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>Nadat u de bovenstaande wijzigingen heeft aangebracht in alle pictogrammen met links, “Links do not have a discernible namezal niet meer aanwezig zijn inLighthouse.
Deze fout kan de score inkorten Lighthouse, is zeker ook aanwezig in andere thema's WordPress ontwikkeld door Meks of door andere ontwikkelaars.
