WAI-ARIA

Definición

WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) es una especificación técnica que permite hacer accesibles las aplicaciones web dinámicas para personas con discapacidad, especialmente usuarios de lectores de pantalla.

Qué problema resuelve

Las aplicaciones web modernas usan JavaScript para crear interfaces dinámicas que los lectores de pantalla no pueden interpretar correctamente. ARIA añade atributos que describen roles, estados y propiedades de los elementos.

Atributos ARIA principales

role: Define qué tipo de elemento es (button, menu, dialog)
aria-label: Proporciona un nombre accesible
aria-hidden: Oculta elementos de lectores de pantalla
aria-expanded: Indica si un menú está abierto o cerrado
aria-live: Anuncia cambios dinámicos en la página

Regla de oro

No usar ARIA si existe un elemento HTML nativo que ya proporciona la funcionalidad. Por ejemplo, usar <button> en lugar de <div role="button">.

También conocido como:

ARIAAccesibilidad ARIA

Términos que te pueden interesar

ALT

El atributo Alt se utiliza en las imágenes y es el texto alternativo para la descripción de las mismas. El texto alternativo ayuda a los motores de búsqueda a saber qué significa cada imagen y cómo la información que transmite encaja con el resto del contenido de la página.

SEO

AMP

Acrónimo de Accelerated Mobile Page es un proyecto de Google creado para la mejora de la carga de sitios Web. Las páginas funcionan con el framework AMP HTML. Debido a que los editores lo utilizan con mayor frecuencia, implementar AMP para un blog o un sitio web de noticias es una buena práctica de ...

SEO