ARIA roles

Roles de ARIA: Define el tipo general del objeto ( como un artículo, una alerta o un deslizador)

Los roles le comunican al navegadores cuales son las interacciones que debería esperar y cómo se va a usar este objeto en nuestro proyecto. Se usan en situaciones muy especificas, es mejor depender del HTML semántico para comunicar los roles.

Entonces, hay que usar los roles solamente cuando el HTML semántico se nos queda corto para dar accesibilidad a lo que tenemos.

• Definen el tipo general del objeto (como un artículo, una alerta o deslizador)
• Los roles comunican al navegador cuales son las interacciones que debería esperar y como se va usar este objeto dentro de la página o aplicación
• Se usan en ocasiones especiales es mejor usar HTML semántico para no meterse en agregar roles a todos los elementos
• Es una especificación difícil de usar y se debe saber muy bien cómo usar
• Especifican de cómo se navega en esa sección
• Los navegadores, en especial los lectores de pantalla navegan diferentes roles en diferentes estilos
• Ejemplo ⇒
  • Articulo ⇒ Poca Interacción
  • Formulario ⇒ Mucha Interacción

RESUMEN: Los ARIA roles preparan al navegador o lectores de pantalla a indicar cuales son las interacciones que debería esperar, se usan en ocasiones especiales, en la mayoría de los casos se recomienda usar HTML semántico

Un buen ejemplo de cuándo utilizar los ARIA roles es con los emojis 🚀 que deben de quedar así:

<span role="img" aria-label="emoji de cohete">🚀</span>

Friendly suggestion: hubiera sido interesante ver un ejemplo concreto en práctica 😃 saludos

Los roles de ARIA definen el tipo general del objeto.
.
Sólo se usan en situaciones muy específicas, siempre es mejor depender de HTML semántico para especificar los roles y no agregar roles a todos los elementos ya que esta especificación es compleja de utilizar.

• Los roles definen el tipo general del objeto (como un artículo, una alerta o un deslizador)
• Comunican al navegador cuales son las interacciones que se debe esperar y como se va a usar este objeto dentro de nuestra página o aplicación
• Se usan en situaciones muy específicas
• Es una especificación muy difícil de usar
• Los navegadores y especialmente los lectores de pantalla navegan diferentes roles en diferentes estilos

Recursos complementarios:

• ARIA Roles

Sirven para agregar información que interpretan los lectores de pantalla a los elementos de una pagina pero la recomendacion sigue siendo usar HTML semantico
.

• Vienen ya predeterminados, debe escoger entre los que hay
• No cambian el comportamiento del elemento, pero si cambian el arbol de accesibilidad
• Hay restricciones en los atributos role que se aplican a algunos elementos
• Le comunican al navegador como será la interacción de tal elemento
• No hay que usarlos mucho solo en situaciones muy especificas (¿Cuáles? excelente pregunta) Usalos en esas situaciones donde el HTML semantico no es suficiente para describir un elemento, por ejemplo, los popup

Hey pero necesitamos ejemplos de esto

En qué casos hay que tenerlos en cuenta para usarlos?¿AAA?

El atributo role define el tipo general del objeto (como un artículo, una alerta o un deslizador).

Los roles se usarían más en aplicaciones complejas no? Como herramientas de G Suite

Los roles definen el tipo general del objeto (como un artículo, una alerta o un deslizador). Le comunican al navegador cuáles son las interacciones que debería esperar y cómo se va a usar el objeto dentro de nuestra página o aplicación. Solo se usan en situaciones muy específicas y difíciles de usar. Es mejor usar HTML semántico.

No me quedó muy claro. 😄

n