ARIA

Integrantes: Miguel Ángel López MendozaLeonardo Daniel Gutiérrez SerafínJesús Manuel Ramos Sotelo

ARIA (Accessible Rich Internet Applications)

ARIA

¿Qué es ARIA?

Objetivo Principal

¿Cuándo y cómo surgió?

¿En qué contexto se utiliza?

Tipos de atributos

Requerimientos

Ejemplo

ARIA (Accessible Rich Internet Applications) es un conjunto de normas y atributos que se añaden a los elementos HTML para mejorar la accesibilidad de las aplicaciones web, especialmente para personas con discapacidad.

¿Qué es ARIA?

Su principal objetivo es ayudar a las personas con discapacidades a interactuar de manera más efectiva con aplicaciones web complejas.

Objetivo principal de ARIA

La primera versión de ARIA surgió en 2014 como una iniciativa del W3C (World Wide Web Consortium) a través del grupo de trabajo WAI (Web Accessibility Initiative) para hacer más accesibles las aplicaciones web dinámicas y los widgets de JavaScript.

¿Cuándo y cómo surgió ARIA?

ARIA se utiliza en el contexto del desarrollo web para mejorar la accesibilidad de las aplicaciones web, especialmente aquellas que utilizan tecnologías avanzadas como JavaScript. Permite agregar semántica a elementos HTML que no tienen un significado claro para las tecnologías de asistencia.

¿En qué contexto se utiliza ARIA?

Ayudan a identificar secciones específicas de la página

Proporcionan información adicional sobre el estado de un elemento.

Los atributos ARIA se clasifican en varias categorías, cada una con un propósito específico:

Estados y Propiedades

Definen el tipo de elemento y su función dentro de la interfaz.

Regiones

Roles

Tipos de atributos ARIA

• Usar ARIA solo cuando sea necesario: Si un elemento HTML nativo ya tiene la semántica adecuada, no se debe usar ARIA.
• Mantener la coherencia: Usar ARIA de manera consistente en todo el sitio web.

• Probar y validar: Verificar que los atributos ARIA se utilizan correctamente y que mejoran la accesibilidad.

Requerimientos para usar ARIA

El menú de navegación de Harvard se destaca por su accesibilidad. Es simple pero efectivo, con texto grande y fácil de leer en un color de alto contraste. Además, es claro y fácil de encontrar. Ofrece una variedad de herramientas de lectura, subtítulos multilingües en videos y esquemas de color que satisfacen las necesidades de los visitantes con discapacidades visuales.

¿Ejemplo de sitio web que utiliza ARIA?

Vieito, E. (2023, 7 marzo). Qué es ARIA y cómo afecta a la accesibilidad. El Blog de Dinahosting. https://dinahosting.com/blog/que-es-aria-y-como-afecta-a-la-accesibilidad/#Ejemplo_de_menu_siguiendo_norma_ARIAARIA - Accesibilidad | MDN. (2024, 28 julio). MDN Web Docs. https://developer.mozilla.org/es/docs/Web/Accessibility/ARIAGil, J. (2023, 15 marzo). ¿Qué son los atributos ARIA? Optimiza la accesibilidad de tu web. Online Zebra. https://onlinezebra.com/blog/que-son-los-atributos-aria-optimiza-la-accesibilidad-de-tu-web/Hernandez, I. (2024, 10 junio). 12 ejemplos grandiosos de sitios web accesibles que destacan. Guías Para Sitios Web, Tips & Conocimiento. https://www.dreamhost.com/blog/es/grandiosos-ejemplos-accesibilidad-web/

Referencias