Beranda › Basis pengetahuan › Kriteria WCAG

Fokus terlihat menurut WCAG 2.4.7

Orang yang bernavigasi dengan keyboard harus setiap saat melihat elemen mana yang terfokus. outline: none tanpa penggantian melanggar kriteria 2.4.7.

Kesalahan umum

*:focus { outline: none } di CSS reset tanpa penggantian, gaya fokus dengan kontras terlalu rendah, atau cincin fokus yang tertutup oleh elemen berikutnya.

Cara melakukannya dengan benar

Gunakan :focus-visible (menampilkan cincin hanya saat penggunaan keyboard), minimal 2 px, kontras jelas, sedikit jarak (outline-offset). Cincin boleh tetap terlihat meski agak mengganggu — ia hanya tidak boleh hilang.

Bagaimana a11yglass membantu

Pemindaian gratis memeriksa HTML dan CSS yang disajikan untuk pelanggaran WCAG yang dapat dikenali secara otomatis, dan menyebutkan per temuan kriteria keberhasilan serta satu langkah konkret. Ia menemukan sekitar 20–35% masalah dan tidak menggantikan penilaian menyeluruh.

Lanjut membaca

• Pengoperasian keyboard menurut WCAG 2.1.1
• Kontras warna menurut WCAG 1.4.3

Informasi umum menurut pengetahuan terbaik, bukan nasihat hukum. Untuk kasus individual, hubungi firma hukum yang berfokus pada hukum TI.