Rob Dodson
Indikator fokus, yang sering ditandai dengan "cincin fokus", mengidentifikasi elemen yang menjadi fokus di halaman Anda. Untuk pengguna yang tidak dapat atau tidak ingin menggunakan mouse, indikator ini sangat penting, karena berfungsi sebagai pengganti pointer mouse.
Jika indikator fokus default browser bertentangan dengan desain Anda, Anda dapat menggunakan CSS untuk menata ulang indikator tersebut. Ingatlah untuk selalu memikirkan pengguna Anda.
Gunakan :focus untuk selalu menampilkan indikator fokus
Pseudo-class :focus
diterapkan ke elemen yang menjadi fokus, terlepas dari metode input
atau perangkat (seperti mouse, keyboard, atau stilus) yang digunakan.
Misalnya, <div> berikut memiliki tabindex yang membuatnya dapat difokuskan,
dengan gaya kustom untuk status :focus-nya:
div[