Kesalahan umum dalam PageSpeed Insights / Lighthouse ini tentang pengalaman pengguna dan aksesibilitas. "Links do not have a discernible name“.
Dalam skenario yang diberikan, kesalahan terjadi karena tautan yang terkait dengan ikon tidak memiliki nama yang jelas. Jika tautan ikon digunakan sehubungan dengan jejaring sosial atau profil lain, tautan tersebut harus berisi tag deskriptif yang disebut “aria-label
“.
Dalam tema Voice – Meks, kesalahan ini paling sering terjadi sehubungan dengan tautan "Author Box” dari akhir artikel.
Links do not have a discernible name. Lighthouse Fix
Solusi sederhananya adalah dengan menambahkan tag: aria-label="Nume"
.
Dalam "author box” untuk tema Suara (tema WordPress dikembangkan oleh Meks), saya memperbaiki masalah dengan mengubah baris 73 di file template-parts/author-box.php, tempat saya memasukkan label 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>
Baris asli yang diubah:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>
Setelah melakukan perubahan di atas pada semua ikon yang memiliki tautan, “Links do not have a discernible name” tidak akan hadir lagi diLighthouse.
Kesalahan ini yang dapat membatalkan skor Lighthouse, tentunya hadir di tema lain juga WordPress dikembangkan oleh Meks atau oleh pengembang lain.