# Dapat maabot gamit ang keyboard ang scrollable na region

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

WCAG 2.1.1 Keyboard · Level A

Hindi maabot ng keyboard ang isang scrolling area, kaya hindi ito ma-scroll ng mga gumagamit ng keyboard.

## Ano ang sinusuri ng patakarang ito
Tiyaking naaabot gamit ang keyboard sa Safari ang mga elementong may nilalamang nai-scroll.

## Bakit ito mahalaga
Hinihingi ng WCAG 2.1.1 na gumagana ang lahat gamit ang keyboard.

## Paano ito ayusin
### Sa anumang website
1. Gawing focusable ang scrolling container gamit ang tabindex="0" at bigyan ito ng pangalan, o tiyaking may focusable na elemento sa loob nito.

### Sa Shopify
1. Gawing focusable ang scrolling container gamit ang tabindex="0" at bigyan ito ng pangalan, o tiyaking may focusable na elemento sa loob nito.

### Sa WooCommerce at WordPress
1. Gawing focusable ang scrolling container gamit ang tabindex="0" at bigyan ito ng pangalan, o tiyaking may focusable na elemento sa loob nito.

## Paano susuriin ang ayos
- I-Tab papunta sa area at i-scroll ito gamit ang mga arrow key.

## Mga sanggunian
- Dokumentasyon ng axe-core rule (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Understanding WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard