# Los elementos 'ARIA hidden' no deben contener elementos que admitan el foco

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

WCAG 4.1.2 Nombre, función, valor · Nivel A

Hay elementos que pueden recibir el foco ocultos a los lectores de pantalla, pero a los que aún se puede llegar con el teclado.

## Qué comprueba esta regla
Garantiza que los elementos 'aria-hidden' no contienen elementos que admitan el foco.

## Por qué es importante
Los usuarios de teclado llegan a elementos que los lectores de pantalla no anuncian (WCAG 4.1.2).

## Cómo corregirlo
### En cualquier web
1. Quita aria-hidden de los contenedores que incluyen elementos que pueden recibir el foco, o añade tabindex="-1" y el atributo inert a los menús laterales y las diapositivas ocultos.

### En Shopify
1. Quita aria-hidden de los contenedores que incluyen elementos que pueden recibir el foco, o añade tabindex="-1" y el atributo inert a los menús laterales y las diapositivas ocultos.

### En WooCommerce y WordPress
1. Quita aria-hidden de los contenedores que incluyen elementos que pueden recibir el foco, o añade tabindex="-1" y el atributo inert a los menús laterales y las diapositivas ocultos.

## Cómo comprobar la corrección
- Recorre la página con Tab con un lector de pantalla activado.

## Fuentes
- Documentación de la regla de axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Comprender WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value