Links do not have a discernible name. Lighthouse Fix

O eroare des întâlnită în PageSpeed Insights / Lighthouse ține de experiența utilizatorului și accesibilitate. „Links do not have a discernible name„.

În scenariul dat, eroarea este generată deoarece link-urile asociate iconițelor nu au o denumire discernibilă. Atunci când se utilizează link-uri pentru iconițe în legătură cu rețelele sociale sau alte profile, acestea ar trebui să conțină o etichetă descriptivă numită „aria-label„.

În tema Voice – Meks, această eroare apare cel mai frecvent în legătură cu link-urile „Author Box” de la sfârșitul articolelor.

Soluția simplă constă în adăugarea etichetei: aria-label="Nume".

În „author box” pentru tema Voice (temă WordPress dezvoltată de Meks), am remediat problema prin modificarea la linia 73 din fișierul template-parts/author-box.php, unde am introdus eticheta 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>

Linia originală care a fost modificată:

<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>

După ce faceți modificarile de mai sus pe toate iconurile care au link-uri, „Links do not have a discernible name” nu va mai fi prezentă în Lighthouse

Această eroare care poate depuncta scorul în Lighthouse, este prezentă cu siguranță și la alte teme de WordPress dezvoltate de Meks sau de alți dezvoltatori.

Technology enthusiast, I enjoy writing tutorials and helpful guides for operating systems, hardware systems, programming languages, and mobile phones (iOS, Android). I love to experiment and discover new SEO techniques and web optimization strategies.

Home » Tutoriale Smart » Links do not have a discernible name. Lighthouse Fix
Lasă un comentariu