Les composants de l'interface utilisateur doivent être donnés des attributs de nom, de valeur ou de rôle. Ces attributs fournissent la sémantique aux éléments et améliorent la qualité du site Web. Les attributs de HTML sont utilisés pour les informations supplémentaires de l'élément. De plus, ils aident également les utilisateurs qui utilisent des machines d'assistance, telles que les logiciels de reconnaissance vocale, les lecteurs d'écran et autres.

Cet article décrira:

Quel est l'attribut de rôle HTML?

Quel est l'attribut de rôle HTML?

Le "rôle»L'attribut dans HTML est utilisé pour définir le rôle de l'élément pour les utilisateurs des technologies d'assistance. Ainsi, lorsqu'ils utilisent des technologies d'assistance comme les lecteurs d'écran, ils savent pourquoi cet élément particulier est utilisé.

Exemple 1

Dans l'exemple ci-dessous, le HTML "«L'élément est utilisé, et le«rôle"L'attribut est défini avec la valeur"bouton". Il indique que l'élément «» fonctionne comme un bouton:

Soumettre

Sortir

Prenons un autre exemple.

Exemple 2

Dans l'exemple ci-dessous, l'élément «» joue le rôle d'un document. Suivez les instructions pour la démonstration pratique:

• Ajouter un "”Élément et attribuez-le un"rôle"Attribut avec la valeur"document".
• À l'intérieur, ajoutez des titres en utilisant le «

  " et "

  " éléments.

• Ensuite, créez une liste en utilisant le «
  " et "
  • " éléments:
  
  

  Linuxhint

  
  

  Prestations de service

  
  
  
  
  • Meilleurs articles de qualité
  
  
  • Conférences vidéo
  
  
  • Conception graphique
  
  
  
  

  Sortir

  On peut observer que le conteneur ajouté a joué le rôle d'un document.

  Conclusion

  Dans HTML, le «rôle»L'attribut est utilisé pour spécifier le rôle de l'élément. En spécifiant cet attribut, les utilisateurs des technologies d'assistance bénéficient d'avantages. Pour mentionner le rôle de l'élément, ajoutez d'abord un élément et associez l'attribut «rôle», tel que le «»Élément, qui est utilisé comme bouton de liaison. C'est une bonne pratique de mentionner l'attribut «rôle» à la valeur «bouton". Ce message a expliqué l'objectif de l'attribut «rôle» HTML.