# Elemen tersembunyi ARIA tidak boleh menerima fokus atau mengandungi elemen yang boleh difokuskan

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

WCAG 4.1.2 Name, Role, Value · Tahap A

Elemen yang boleh difokuskan disembunyikan daripada pembaca skrin tetapi masih boleh dicapai dengan papan kekunci.

## Apa yang disemak oleh peraturan ini
Pastikan elemen aria-hidden tidak boleh difokuskan dan tidak mengandungi elemen yang boleh difokuskan.

## Mengapa ia penting
Pengguna papan kekunci sampai pada elemen yang tidak diumumkan oleh pembaca skrin (WCAG 4.1.2).

## Cara membaikinya
### Di mana-mana laman web
1. Buang aria-hidden daripada bekas yang mengandungi elemen yang boleh difokuskan, atau tambah tabindex="-1" dan atribut inert pada menu luar kanvas dan slaid yang tersembunyi.

### Di Shopify
1. Buang aria-hidden daripada bekas yang mengandungi elemen yang boleh difokuskan, atau tambah tabindex="-1" dan atribut inert pada menu luar kanvas dan slaid yang tersembunyi.

### Di WooCommerce dan WordPress
1. Buang aria-hidden daripada bekas yang mengandungi elemen yang boleh difokuskan, atau tambah tabindex="-1" dan atribut inert pada menu luar kanvas dan slaid yang tersembunyi.

## Cara menyemak pembaikan
- Tekan Tab melalui halaman semasa pembaca skrin berjalan.

## Sumber
- Dokumentasi peraturan 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
