ARIA (Aplicaciones de Internet Enriquecidas Accesibles) es un conjunto de atributos que puede añadir a los elementos de HTML para que el contenido y las aplicaciones web sean más accesibles, especialmente el contenido dinámico y los controles avanzados de la interfaz de usuario. La Guía de prácticas de creación (APG) ofrece orientación sobre cómo utilizar ARIA correctamente.
¿Qué es ARIA?
- ARIA proporciona información adicional a las tecnologías de asistencia que no está disponible en HTML nativo. Ayuda a definir las funciones, los estados y las propiedades de los componentes de la interfaz de usuario personalizados.
- Ejemplo: Si crea un menú desplegable personalizado utilizando elementos <div>, un lector de pantalla no sabrá que es un menú. Los atributos ARIA como role=“menu”, aria-haspopup=“true” y aria-expanded=“false/true” se pueden utilizar para describir su función y estado.
- Primera regla de ARIA: La regla más importante es: si un elemento HTML nativo ya tiene las funciones de accesibilidad que necesita, utilícelo en lugar de crear un componente personalizado con ARIA. Por ejemplo, utilice un elemento <button> en lugar de un <div> con role=“button”.
¿Qué es la APG?
- La APG (Guía de prácticas de creación) es un recurso del W3C que proporciona patrones de diseño y ejemplos de código para crear componentes web accesibles.
- Muestra cómo implementar correctamente ARIA para widgets comunes como acordeones, controles deslizantes, pestañas y modales.
- La APG es una guía esencial para que los desarrolladores se aseguren de que sus componentes personalizados sean utilizables por personas que dependen de tecnologías de asistencia.
