Ένα κοινό λάθος σε PageSpeed Insights / Lighthouse έχει να κάνει με την εμπειρία χρήστη και την προσβασιμότητα. "Links do not have a discernible name".
Στο δεδομένο σενάριο, το σφάλμα δημιουργείται επειδή οι σύνδεσμοι που σχετίζονται με τα εικονίδια δεν έχουν ευδιάκριτο όνομα. Όταν χρησιμοποιούνται σύνδεσμοι εικονιδίων σε σχέση με κοινωνικά δίκτυα ή άλλα προφίλ, θα πρέπει να περιέχουν μια περιγραφική ετικέτα που ονομάζεται "aria-label
".
Στο θέμα Voice – Meks, αυτό το σφάλμα παρουσιάζεται πιο συχνά σε σχέση με συνδέσμους "Author Box” από το τέλος των άρθρων.
Links do not have a discernible name. Lighthouse Fix
Η απλή λύση είναι να προσθέσετε την ετικέτα: aria-label="Nume"
.
Στο "author box” για το θέμα Voice (θέμα WordPress αναπτύχθηκε από Meks), διόρθωσα το πρόβλημα αλλάζοντας τη γραμμή 73 στο αρχείο template-parts/author-box.php, όπου έβαλα την ετικέτα 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 href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>
Αφού κάνετε τις παραπάνω αλλαγές σε όλα τα εικονίδια που έχουν συνδέσμους, "Links do not have a discernible name» δεν θα είναι πλέον παρόν σεLighthouse.
Αυτό το σφάλμα που μπορεί να καταρρίψει το σκορ μέσα Lighthouse, υπάρχει σίγουρα και σε άλλα θέματα WordPress αναπτύχθηκε από Meks ή από άλλους προγραμματιστές.