I componenti dell'interfaccia utente devono essere dati un nome, valore o attributi di ruolo. Questi attributi forniscono la semantica agli elementi e migliorano la qualità del sito Web. Gli attributi in HTML sono utilizzati per le informazioni aggiuntive dell'elemento. Inoltre, aiutano anche gli utenti che utilizzano macchinari assistenti, come il software di riconoscimento vocale, i lettori di screen e altri.

Questo articolo descriverà:

Qual è l'attributo del ruolo HTML?

Qual è l'attributo del ruolo HTML?

IL "ruolo"L'attributo in HTML viene utilizzato per impostare il ruolo dell'elemento per gli utenti delle tecnologie di assistenza. Quindi, quando usano tecnologie di assistenza come gli screen lettori, sanno perché quel particolare elemento viene utilizzato.

Esempio 1

Nell'esempio seguente, l'HTML ""Viene utilizzato l'elemento e il"ruolo"L'attributo è impostato con il valore"pulsante". Indica che l'elemento "" funziona come un pulsante:

Invia

Produzione

Facciamo un altro esempio.

Esempio 2

Nell'esempio seguente, l'elemento "" svolge il ruolo di un documento. Segui le istruzioni per la dimostrazione pratica:

• Aggiungere un ""Elemento e assegnarlo un"ruolo"Attributo con il valore"documento".
• Al suo interno, aggiungi intestazioni usando "

  " E "

  " elementi.

• Quindi, crea un elenco usando "
  " E "
  • " elementi:
  
  

  Linuxhint

  
  

  Servizi

  
  
  
  
  • Articoli di migliore qualità
  
  
  • Lezioni video
  
  
  • Progettazione grafica
  
  
  
  

  Produzione

  Si può osservare che il contenitore aggiunto ha interpretato il ruolo di un documento.

  Conclusione

  In HTML, il "ruolo"L'attributo viene utilizzato per specificare il ruolo dell'elemento. Specificando questo attributo, gli utenti delle tecnologie assistenti ottengono vantaggi. Per menzionare il ruolo dell'elemento, in primo luogo, aggiungi un elemento e associa l'attributo "ruolo", come il ""Elemento, che viene utilizzato come pulsante di collegamento. È una buona pratica menzionare l'attributo "ruolo" con il valore "pulsante". Questo post ha spiegato lo scopo dell'attributo "ruolo" HTML.