# ARIA: qué es y cómo funciona · Zorraquino
> ARIA es una especificación del W3C que añade al HTML roles, estados y propiedades para que las tecnologías de apoyo interpreten interfaces web complejas.
URL: https://www.zorraquino.com/diccionario/internet/aria-accesible-rich-internet-applications.html

# ARIA

ARIA (Accessible Rich Internet Applications) es una especificación del W3C que define atributos para añadir al HTML información sobre roles, estados y propiedades de los elementos, de modo que las tecnologías de apoyo puedan interpretar interfaces web complejas

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

[Todo el diccionario](https://www.zorraquino.com/diccionario)

## Qué es y cómo funciona

Forma parte de la Web Accessibility Initiative (WAI), por lo que también se conoce como WAI-ARIA. Es especialmente útil en componentes que el HTML no cubre por sí solo, como pestañas, menús desplegables, diálogos o contenidos que se actualizan sin recargar la página, para que los lectores de pantalla anuncien correctamente qué son y qué ocurre. La versión 1.2 se publicó como recomendación en 2023.

ARIA no añade comportamiento, solo semántica: la interacción con teclado sigue teniendo que programarse. La primera recomendación de uso es preferir elementos HTML nativos, como button o nav, siempre que existan, porque un ARIA mal aplicado puede empeorar la accesibilidad en lugar de mejorarla.

También se dice

WAI-ARIA, Accessible Rich Internet Applications

Temas

[Tecnología y datos](https://www.zorraquino.com/diccionario/categoria/tecnologia-y-datos)

## Preguntas frecuentes sobre ARIA

### ¿Cómo comprobar que ARIA ayuda realmente a utilizar un componente?

Prueba el componente con teclado y tecnologías de apoyo, además de revisar sus [atributos](https://www.zorraquino.com/diccionario/branding/atributos.html). El nombre, el estado y el foco deben corresponder a lo que ocurre: un control anunciado como expandido debe mostrar su contenido. ARIA no añade por sí sola esa conducta. Siempre que exista un elemento HTML adecuado, conviene partir de él y utilizar atributos adicionales solo cuando describan una función necesaria y mantenida por la aplicación.

## Conceptos relacionados

- [Accesibilidad digital](https://www.zorraquino.com/diccionario/accesibilidad-digital)
- [HTML](https://www.zorraquino.com/diccionario/internet/lenguaje-html.html)
- [W3C](https://www.zorraquino.com/diccionario/internet/w3c.html)

## Referencias

- [Accordion Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/)