Os componentes da interface do usuário devem receber o nome, valor ou atributos de função. Esses atributos fornecem a semântica aos elementos e aprimoram a qualidade do site. Os atributos no HTML são utilizados para as informações adicionais do elemento. Além disso, eles também ajudam os usuários que utilizam máquinas de assistência, como software de reconhecimento de fala, leitores de tela e outros.

Este artigo descreverá:

Qual é o atributo de função html?

Qual é o atributo de função html?

O "papel”O atributo no HTML é usado para definir o papel do elemento para os usuários das tecnologias de assistência. Então, quando eles usam tecnologias assistentes como leitores de tela, eles sabem por que esse elemento em particular é utilizado.

Exemplo 1

No exemplo abaixo, o html “”O elemento é usado e o“papel”O atributo é definido com o valor“botão”. Indica que o elemento "" funciona como um botão:

Enviar

Saída

Vamos dar outro exemplo.

Exemplo 2

No exemplo abaixo, o elemento "" desempenha o papel de um documento. Siga as instruções para demonstração prática:

• Adicione um “”Elemento e atribui um“papel”Atributo com o valor“documento”.
• Dentro dele, adicione títulos usando o “

  " e "

  ”Elementos.

• Em seguida, crie uma lista usando o “
  " e "
  • ”Elementos:
  
  

  Linuxhint

  
  

  Serviços

  
  
  
  
  • Artigos de melhor qualidade
  
  
  • Palestras em vídeo
  
  
  • Design gráfico
  
  
  
  

  Saída

  Pode -se observar que o contêiner adicionado desempenhou o papel de um documento.

  Conclusão

  Em HTML, o “papel”O atributo é utilizado para especificar o papel do elemento. Ao especificar este atributo, os usuários das tecnologias assistentes recebem benefícios. Para mencionar o papel do elemento, primeiro, adicione um elemento e associe o atributo "papel" a ele, como o "”Elemento, que é usado como um botão de link. É uma boa prática mencionar o atributo "papel" com o valor "botão”. Este post explicou o objetivo do atributo de "função" html.