# Hindi dapat focusable o may lamang focusable na elemento ang elementong ARIA hidden

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

WCAG 4.1.2 Name, Role, Value · Level A

May mga focusable na elementong nakatago sa mga screen reader pero naaabot pa rin gamit ang keyboard.

## Ano ang sinusuri ng patakarang ito
Tiyaking hindi focusable at walang lamang focusable na elemento ang mga aria-hidden na elemento.

## Bakit ito mahalaga
Napupunta ang mga gumagamit ng keyboard sa mga elementong hindi binibigkas ng mga screen reader (WCAG 4.1.2).

## Paano ito ayusin
### Sa anumang website
1. Alisin ang aria-hidden sa mga container na may focusable na elemento, o idagdag ang tabindex="-1" at ang inert attribute sa mga nakatagong off-canvas menu at slide.

### Sa Shopify
1. Alisin ang aria-hidden sa mga container na may focusable na elemento, o idagdag ang tabindex="-1" at ang inert attribute sa mga nakatagong off-canvas menu at slide.

### Sa WooCommerce at WordPress
1. Alisin ang aria-hidden sa mga container na may focusable na elemento, o idagdag ang tabindex="-1" at ang inert attribute sa mga nakatagong off-canvas menu at slide.

## Paano susuriin ang ayos
- I-Tab ang buong page habang tumatakbo ang screen reader.

## Mga sanggunian
- Dokumentasyon ng axe-core rule (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Understanding WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value