ARIA es un conjunto de etiquetas y atributos HTML estandarizados por el W3C (World Wide Web Consortium) para hacer que las aplicaciones de internet ricas sean accesibles a la tecnología asistiva.
Mejora la experiencia de los usuarios que dependen de lectores de pantalla y otros dispositivos asistivos. Algunos de los atributos ARIA más comunes incluyen:
aria-label: Proporciona una descripción textual para un elemento sin texto visible. Ejemplo:"Botón de envío".aria-hidden: Oculta elementos de la tecnología asistiva cuando no son relevantes. Ejemplo:"true"para ocultar iconos decorativos.aria-live: Notifica a los usuarios sobre cambios dinámicos en el contenido, como actualizaciones en tiempo real. Ejemplo:"polite"para anunciar cambios sin interrumpir la navegación.role: Define el propósito de un elemento, como"button","menu", o"dialog".aria-describedby: Asocia un elemento con una descripción detallada en otro lugar de la página.
Estos atributos ayudan a llenar las brechas de accesibilidad en elementos interactivos como menús desplegables, sliders y widgets personalizados.