ARIA significa Accessible Rich Internet Applications, es una especificación técnica cuyo objetivo es aumentar la accesibilidad de los contenidos dinámicos y de los componentes de interfaces dinámicas desarrollados con HTML, JavaScript, Ajax y tecnologías asociadas.
ARIA describe como agregar la semántica y metadatos al contenido HTML con el fin de hacer que los controles de interfaz y los contenidos dinámicos sean más accesibles, especialmente para personas con alguna discapacidad.
Referencia
Los atributos aria-*
sirven para agregar información semántica a los elementos de un sitio web, especìficamente propiedades y estados (los cuales forman parte de los roles), los cuales pueden:
- Informar el estado o las acciones de un elemento de la interfaz gráfica.
- Indicar que el contenido de una sección puede cambiar cuando hay interacción por parte del usuario, por ejemplo cuando se hace "focus".
- Informar si hay elementos que forman parte de una interfaz "drag-and-drop", explicando el rol de cada elemento.
- Indicar relaciones o asociaciones entre elementos del documento, las cuales no pueden ser determinadas según la estructura del mismo.
Referencia
La lista de los atributos aria-*
es la siguiente:
- aria-activedescendant
- aria-atomic
- aria-autocomplete
- aria-busy (estado)
- aria-checked (estado)
- aria-controls
- aria-describedby
- aria-disabled (estado)
- aria-dropeffect
- aria-expanded (estado)
- aria-flowto
- aria-grabbed (estado)
- aria-haspopup
- aria-hidden (estado)
- aria-invalid (estado)
- aria-label
- aria-labelledby
- aria-level
- aria-live
- aria-multiline
- aria-multiselectable
- aria-orientation
- aria-owns
- aria-posinset
- aria-pressed (estado)
- aria-readonly
- aria-relevant
- aria-required
- aria-selected (estado)
- aria-setsize
- aria-sort
- aria-valuemax
- aria-valuemin
- aria-valuenow
- aria-valuetext
Referencia
Para decir cuales son los atributos más importantes creo que es un poco subjetivo, no existe una referencia o recomendación oficial y considero que es mejor ver la compatibilidad que ofrecen o no los dispositivos como los lectores de pantallas, teclados Braille, etc.
Aquí dejo un enlace actualizado constantemente que muestra la compatibilidad de algunos atributos ARIA con los distintos lectores de pantalla que existen.
Los atributos ARIA deberíamos utilizarlos para que las personas que tienen (tenemos) alguna discapacidad puedan navegar y entender fácilmente la estructura de los sitios web que implementamos/desarrollamos/creamos.
Entre los dispositivos para personas con discapacidad están:
- Apuntadores
- Conmutadores
- Lectores de pantalla
- OCR
- Teclados
En este enlace en inglés hay algunas historias de como algunas personas con discapacidad utilizar la web y que herramientas podemos usar para que estas personas puedan navegar mejor por nuestros sitios web.