Atributo de rol HTML explicado

El roleatributo describe el papel de un elemento en los programas que pueden utilizarlo, como lectores de pantalla o lupas.

Ejemplo de uso:

Button Link

Los lectores de pantalla leerán este elemento como "botón" en lugar de "enlace".

Hay cuatro categorías de roles:

  • Roles abstractos
  • Funciones de widget
  • Roles de la estructura del documento
  • Roles emblemáticos

Más información sobre atributos HTML:

atributo

atributo

atributo

atributo

atributo

atributo

atributo

Más información sobre atributos HTML

Los elementos HTML pueden tener atributos, que contienen información adicional sobre el elemento.

Los atributos HTML generalmente vienen en pares de nombre-valor y siempre van en la etiqueta de apertura de un elemento. El nombre del atributo indica qué tipo de información está proporcionando sobre el elemento y el valor del atributo es la información real.

Por ejemplo, un elemento anchor ( ) en un documento HTML crea vínculos a otras páginas u otras partes de la página. Utiliza el hrefatributo en la etiqueta de apertura para decirle al navegador a dónde envía el enlace a un usuario.

Aquí hay un ejemplo de un enlace que envía a los usuarios a la página de inicio de freeCodeCamp:

Click here to go to freeCodeCamp!

Observe que el nombre del atributo ( href) y el valor (“www.freeCodeCamp.org”) están separados por un signo igual y las comillas rodean el valor.

Hay muchos atributos HTML diferentes, pero la mayoría de ellos solo funcionan en ciertos elementos HTML. Por ejemplo, el hrefatributo no funcionará si se coloca en una abertura.

etiqueta.

En el ejemplo anterior, el valor proporcionado al hrefatributo podría ser cualquier enlace válido. Sin embargo, algunos atributos solo tienen un conjunto de opciones válidas que puede usar, o los valores deben estar en un formato específico. El langatributo le dice al navegador el idioma predeterminado de los contenidos en un elemento HTML. Los valores del langatributo deben utilizar códigos de país o idioma estándar, como el eninglés o el ititaliano.

Atributos booleanos

Algunos atributos HTML no necesitan un valor porque solo tienen una opción. Estos se denominan atributos booleanos. La presencia del atributo en una etiqueta lo aplicará a ese elemento HTML. Sin embargo, está bien escribir el nombre del atributo y establecerlo igual a la única opción del valor. En este caso, el valor suele ser el mismo que el nombre del atributo.

Por ejemplo, el elemento de un formulario puede tener un requiredatributo. Esto requiere que los usuarios completen ese elemento antes de poder enviar el formulario.

Aquí hay ejemplos que hacen lo mismo: