# Elemen yang disembunyikan dengan ARIA tidak boleh dapat difokuskan atau berisi elemen yang dapat difokuskan

<https://www.fixreports.com/id/issues/aria-hidden-focus>

WCAG 4.1.2 Name, Role, Value · Level A

Elemen yang dapat difokuskan disembunyikan dari pembaca layar tetapi masih dapat dijangkau dengan keyboard.

## Yang diperiksa aturan ini
Pastikan elemen aria-hidden tidak dapat difokuskan dan tidak berisi elemen yang dapat difokuskan.

## Mengapa ini penting
Pengguna keyboard tiba di elemen yang tidak dibacakan pembaca layar (WCAG 4.1.2).

## Cara memperbaikinya
### Di website apa pun
1. Hapus aria-hidden dari container yang berisi elemen yang dapat difokuskan, atau tambahkan tabindex="-1" dan atribut inert ke menu off-canvas dan slide yang tersembunyi.

### Di Shopify
1. Hapus aria-hidden dari container yang berisi elemen yang dapat difokuskan, atau tambahkan tabindex="-1" dan atribut inert ke menu off-canvas dan slide yang tersembunyi.

### Di WooCommerce dan WordPress
1. Hapus aria-hidden dari container yang berisi elemen yang dapat difokuskan, atau tambahkan tabindex="-1" dan atribut inert ke menu off-canvas dan slide yang tersembunyi.

## Cara mengecek perbaikannya
- Telusuri halaman dengan Tab sambil pembaca layar menyala.

## Sumber
- Dokumentasi aturan axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Memahami WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value