# Kawasan boleh tatal mesti boleh diakses dengan papan kekunci

<https://www.fixreports.com/ms/issues/scrollable-region-focusable>

WCAG 2.1.1 Keyboard · Tahap A

Kawasan tatal tidak dapat dicapai dengan papan kekunci, jadi pengguna papan kekunci tidak dapat menatalnya.

## Apa yang disemak oleh peraturan ini
Pastikan elemen yang mempunyai kandungan boleh tatal boleh diakses dengan papan kekunci dalam Safari.

## Mengapa ia penting
WCAG 2.1.1 menetapkan semua fungsi mesti boleh digunakan dengan papan kekunci.

## Cara membaikinya
### Di mana-mana laman web
1. Jadikan bekas tatal itu boleh difokuskan dengan tabindex="0" dan berikan nama kepadanya, atau pastikan ia mengandungi elemen yang boleh difokuskan.

### Di Shopify
1. Jadikan bekas tatal itu boleh difokuskan dengan tabindex="0" dan berikan nama kepadanya, atau pastikan ia mengandungi elemen yang boleh difokuskan.

### Di WooCommerce dan WordPress
1. Jadikan bekas tatal itu boleh difokuskan dengan tabindex="0" dan berikan nama kepadanya, atau pastikan ia mengandungi elemen yang boleh difokuskan.

## Cara menyemak pembaikan
- Tekan Tab ke kawasan itu dan tatalnya dengan kekunci anak panah.

## Sumber
- Dokumentasi peraturan axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Memahami WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard
