# ARIA hidden element must not be focusable or contain focusable elements

Source: https://www.fixreports.com/issues/aria-hidden-focus

WCAG 4.1.2 Name, Role, Value · Level A

Focusable elements are hidden from screen readers but can still be reached with the keyboard.

## What this rule checks
Ensure aria-hidden elements are not focusable nor contain focusable elements.

## Why it matters
Keyboard users land on elements that screen readers don't announce (WCAG 4.1.2).

## How to fix it
### On any website
1. Remove aria-hidden from containers that hold focusable elements, or add tabindex="-1" and the inert attribute to hidden off-canvas menus and slides.

### On Shopify
1. Remove aria-hidden from containers that hold focusable elements, or add tabindex="-1" and the inert attribute to hidden off-canvas menus and slides.

### On WooCommerce and WordPress
1. Remove aria-hidden from containers that hold focusable elements, or add tabindex="-1" and the inert attribute to hidden off-canvas menus and slides.

## How to check the fix
- Tab through the page with a screen reader running.

## Sources
- axe-core rule documentation (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