¿Cuál es el propósito del atributo de rol en HTML??

¿Cuál es el propósito del atributo de rol en HTML??
Los componentes de la interfaz de usuario deben ser dados de nombre, valor o atributos de roles. Estos atributos proporcionan la semántica a los elementos y mejoran la calidad del sitio web. Los atributos en HTML se utilizan para la información adicional del elemento. Además, también ayudan a los usuarios que utilizan maquinarias de asistencia, como software de reconocimiento de voz, lectores de pantalla y otros.

Este artículo describirá:

¿Cuál es el atributo de rol HTML??

¿Cuál es el atributo de rol HTML??

El "role"El atributo en HTML se utiliza para establecer el papel del elemento para los usuarios de las tecnologías de asistencia. Entonces, cuando usan tecnologías de asistencia como lectores de pantalla, saben por qué se utiliza ese elemento en particular.

Ejemplo 1

En el siguiente ejemplo, el HTML ""El elemento se usa y el"role"El atributo se establece con el valor"botón". Indica que el elemento "" funciona como un botón:

Entregar

Producción

Tomemos otro ejemplo.

Ejemplo 2

En el siguiente ejemplo, el elemento "" juega el papel de un documento. Siga las instrucciones para la demostración práctica:

  • Agrega un ""Elemento y asignarlo"role"Atributo con el valor"documento".
  • Dentro de él, agregue encabezados usando el "

    " y "

    "Elementos.

  • Luego, cree una lista usando el "
      " y "
    • "Elementos:

    Linuxhint


    Servicios



    • Artículos de la mejor calidad

    • Video conferencias

    • Diseño grafico


    Producción

    Se puede observar que el contenedor agregado desempeñó el papel de un documento.

    Conclusión

    En HTML, el "roleEl atributo se utiliza para especificar el papel del elemento. Al especificar este atributo, los usuarios de tecnologías de asistencia obtienen beneficios. Para mencionar el papel del elemento, primero, agregar un elemento y asociar el atributo de "rol" con él, como el "Elemento ", que se utiliza como un botón de enlace. Es una buena práctica mencionar el atributo de "rol" con el valor "botón". Esta publicación ha explicado el propósito del atributo de "rol de rol" HTML.