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

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

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

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

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

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

## Cómo corregirlo
### En cualquier sitio web
1. Quita aria-hidden de los contenedores que tienen elementos que pueden recibir el foco, o agrega tabindex="-1" y el atributo inert a los menús laterales ocultos (off-canvas) y a las diapositivas ocultas.

### En Shopify
1. Quita aria-hidden de los contenedores que tienen elementos que pueden recibir el foco, o agrega tabindex="-1" y el atributo inert a los menús laterales ocultos (off-canvas) y a las diapositivas ocultas.

### En WooCommerce y WordPress
1. Quita aria-hidden de los contenedores que tienen elementos que pueden recibir el foco, o agrega tabindex="-1" y el atributo inert a los menús laterales ocultos (off-canvas) y a las diapositivas ocultas.

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

## 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