Tombol tidak memiliki nama yang dapat diakses

Halo sahabat blogger, apakah anda baru saja melakukan cek kecepatan blog di PageSpeed Insights? Dan mendapatkan pesan error dengan bunyi "Tombol tidak memiliki nama yang dapat diakses".

Nah anda berada di tempat yang benar, umumnya tombol atau button wajib memiliki text agar orang mengetahui fungsi dari tombol / button tersebut.

Namun ada juga yang tidak perlu, dikarenakan gambar di button sudah cukup jelas.

Nah terus bagaimana cara mengatasinya? Ikuti tutorial singkat di bawah ini.

Cara memperbaiki  Tombol tidak memiliki nama yang dapat diakses

Disini saya sudah menyiapkan 2 solusinya, jadi tinggal dipilih sesuai keinginan.

1. Menambahkan text pada tombol

Cara ini akan menampilkan text di bagian tombol anda, berikut contoh kode nya.

<button>Ikuti dionzi.com</button>

2. Menambahkan nama dengan aria-label

Cara ini sangat rekomended bagi anda yang tidak ingin tombol atau button menampilkan text, anda bisa mengakali dengan menambahkan aria-label untuk memberitahu browser bahwa tombol tersebut memiliki nama.

Berikut contoh penerapannya :

<button aria-label="Ikuti dionzi com"> … </button>

Akhir kata

Ya.. Itu saja sedikit penjelasan singkat tentang cara mengatasi tombol tidak memiliki nama yang dapat diakses di PageSpeed Insights, semoga artikel ini bisa membantu para blogger yah...

www.dionzi.com