# Area yang dapat digulir harus dapat diakses dengan keyboard

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

WCAG 2.1.1 Keyboard · Level A

Sebuah area gulir tidak dapat dijangkau dengan keyboard, sehingga pengguna keyboard tidak dapat menggulirnya.

## Yang diperiksa aturan ini
Pastikan elemen yang memiliki konten yang dapat digulir dapat diakses dengan keyboard di Safari.

## Mengapa ini penting
WCAG 2.1.1 mensyaratkan semuanya dapat dioperasikan dengan keyboard.

## Cara memperbaikinya
### Di website apa pun
1. Jadikan container gulir dapat difokuskan dengan tabindex="0" dan beri nama, atau pastikan container itu berisi elemen yang dapat difokuskan.

### Di Shopify
1. Jadikan container gulir dapat difokuskan dengan tabindex="0" dan beri nama, atau pastikan container itu berisi elemen yang dapat difokuskan.

### Di WooCommerce dan WordPress
1. Jadikan container gulir dapat difokuskan dengan tabindex="0" dan beri nama, atau pastikan container itu berisi elemen yang dapat difokuskan.

## Cara mengecek perbaikannya
- Tekan Tab ke area tersebut dan gulir dengan tombol panah.

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