example - lenguaje html




¿Cuál es el propósito del atributo "rol" en HTML? (3)

¿Es necesario este atributo de rol?

Respuesta: .

  • El atributo de rol es necesario para admitir aplicaciones de Internet enriquecidas accesibles (WAI-ARIA) para definir roles en lenguajes basados ​​en XML, cuando los idiomas no definen su propio atributo de rol.
  • Aunque esta es la razón por la cual el grupo de trabajo de Protocolos y formatos publica el atributo de rol, el atributo también tiene casos de uso más generales.

Te proporciona:

  • Accesibilidad
  • Adaptación del dispositivo
  • Procesamiento del lado del servidor
  • Descripción de datos complejos, ... etc.

Sigo viendo los atributos de los roles en el trabajo de algunas personas. Yo también lo uso, pero no estoy seguro de su efecto.

Por ejemplo:

<header id="header" role="banner">
    Header stuff in here
</header>

O:

<section id="facebook" role="contentinfo">
    Facebook stuff in here
</section>

O:

<section id="main" role="main">
     Main content stuff in here
</section>

¿Es necesario este atributo de rol?

¿Es este atributo mejor para la semántica?

¿Mejora SEO?

here se puede encontrar una lista de roles, pero veo que algunas personas se inventan. ¿Está permitido o es un uso correcto del atributo de rol?

Tiene alguna idea sobre esto?


Como lo entiendo, los roles fueron definidos inicialmente por XHTML pero fueron desaprobados. Sin embargo, ahora están definidos por HTML 5, consulte aquí: https://www.w3.org/WAI/PF/aria/roles#abstract_roles_header

El propósito del atributo de función es identificar al software de análisis la función exacta de un elemento (y sus elementos secundarios) como parte de una aplicación web. Esto es principalmente como una cuestión de accesibilidad para los lectores de pantalla, pero también puedo verlo como útil para los navegadores integrados y los rascadores de pantalla. Para ser útil para el cliente HTML inusual, el atributo debe establecerse en uno de los roles de la especificación que vinculé. Si crea la suya, esta funcionalidad 'futura' no puede funcionar; un comentario sería mejor.

Prácticas aquí: http://www.accessibleculture.org/articles/2011/04/html5-aria-2011/


Me doy cuenta de que esta es una pregunta antigua, pero otra posible consideración dependiendo de sus requisitos exactos es que la validación en https://validator.w3.org/ genera las siguientes advertencias:

Advertencia: el rol de formulario no es necesario para el formulario de elementos.





html