Ditulis oleh: Ditulis pada: 8/26/2019
Memperbaiki Error Links Do Not Have a Discernible Name Pada Lighthouse - Links do not have a discernible name adalah sebuah error yang sering terjadi ketika kita mengecek blog dengan Lighthouse yang harus diperbaiki untuk tautan yang harus memiliki teks yang dapat dilihat.
Error tersebut terjadi ketika kita membuat sebuah link dengan menggunakan gambar atau ikon untuk mengganti anchor text-nya. Sebagai contoh misalnya kita membuat link-link sosial media dengan menggunakan ikon.
Tautan teks atau tautan dengan gambar harus dapat dilihat oleh pembaca dan harus dapat fokus. Elemen tautan yang tidak dapat diakses menimbulkan hambatan aksesibilitas, karena link merupakan komponen mendasar dari sebuah situs web.
Pengguna yang hanya menggunakan keyboard dan tanpa mouse untuk menavigasi halaman web hanya dapat mengklik tautan yang dapat menerima fokus. Tautan yang tidak dapat menerima fokus tidak akan dapat diakses oleh pengguna ini.
Berikut contoh link yang error pada Lighthouse:
<a href="#"><i class="fa fa-search"></i></a>Atau
<a href="#"><img alt="" height="20" src="search.png" width="20" /></a>Contoh link di atas jika dicek dengan Lighthouse akan menyebabkan error links do not have a discernible name.
Untuk memperbaikinya, silahkan tambahkan kode aria-label pada link tersebut seperti berikut ini.
<a aria-label="Search" href="#" title="Search"><i class="fa fa-search"></i></a>Dan jangan lupa juga untuk menambahkan tag title pada setiap link untuk SEO.
Setelah semua link yang error diperbaiki, silahkan cek lagi dengan Lighthouse.
Semoga bermanfaat.