Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

¿Qué es y para qué es el atributo role de HTML?

9 de noviembre de 2015

Hola,

He visto que usan el atributo role en algunas etiquetas de HTML. He buscado información en algunas páginas pero la verdad no me queda claro cómo funciona y si es que debo o no usarlo.

por ejemplo:

<header role="banner"></header>
<li role="item"></li>

Respuestas

#1

La respuesta corta es: sirve para mejorar la accesibilidad de los sitios web. El atributo role tiene su origen en el estándar ARIA de accesibilidad web y se ha incorporado también al estándar HTML5. La definición más precisa es la que dan en el documento oficial de los roles de HTML:

Los atributos "role" permite al creador de una página añadir información a sus documentos HTML que luego puede ser extraída automáticamente por una máquina para obtener información sobre el propósito de cada elemento de la página.

Las personas ciegas y con otros tipos de discapacidad utilizan dispositivos y navegadores especiales. Si una página utiliza los atributos "role" para describir el propósito de cada elemento, la navegación de esas personas será mucho más agradable, ya que su navegador especial es capaz de "entender" cómo está creada la página y puede leer los contenidos al usuario de manera mucho más lógica.

@javiereguiluz

10 noviembre 2015, 9:05
#2

Hola @javiereguiluz mucha sgracias por tu clara respuesta.

Saludos

@mx_carlosfranco

12 noviembre 2015, 0:57