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

El objetivo principal del atributo de rol es reforzar ARIA , es decir, aplicaciones ricas de Internet accesibles, que ayudan a proporcionar riqueza y calidad desde una perspectiva semántica. Además, el atributo de rol hace que un sitio web sea más facilitador y el uso de este atributo se considera una buena práctica. Generalmente, el rol es necesario para idiomas que no definen su propio atributo de rol.

Ejemplo :

<!DOCTYPE>
<html lang="en">
  
<head>
    <meta charset="utf-8">
    <title>
        Output of Role Attribute
    </title>
    <style>
        h1 {
            text-align: center;
            color: green;
            font-size: 100px;
        }
          
        h2 {
            text-align: center;
        }
    </style>
</head>
  
<body role="document">
    <h1>GeeksforGeeks</h1>
    <h2>Understanding usage of "Role" Attribute</h2>
</body>
  
</html>

Salida :

Salida de atributo de rol

Salida obtenida para el atributo de rol

La salida no muestra nada significativo para notar. Esto muestra que incluso si el atributo de rol no se usa en el código, tampoco afectará nuestro código y salida.

Mediante el uso de atributos de roles, podemos aprovechar funciones como accesibilidad, adaptación de dispositivos, procesamiento del lado del servidor, descripción de datos complejos y muchas más funciones similares. Por lo tanto, se recomienda utilizar el atributo de rol para obtener un mejor rendimiento del código.

Publicación traducida automáticamente

Artículo escrito por Palash Sharma y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *