Artigo original: HTML Role Attribute Explained
O atributo role
(em português, "função" ou "papel") descreve a função de um elemento em programas que podem fazer uso dele, como leitores de tela ou lupas.
Exemplo de uso:
<a href="#" role="button">Link de botão</a>
Os leitores de tela lerão esse elemento como um "botão" ao invés de um "link".
Há quatro categorias de roles:
- Roles abstratos
- Roles de widget
- Roles de estrutura de documento
- Roles de ponto de referência
Mais informações sobre os atributos do HTML (textos em inglês):
Atributos em HTML
Os elementos em HTML podem ter atributos, que contêm informações adicionais sobre o elemento.
Os atributos do HTML geralmente vêm em pares nome-valor. Eles sempre vão na tag de abertura de um elemento. O nome do atributo diz que tipo de informação você está fornecendo sobre o elemento e o valor dele é a informação real.
Por exemplo, um elemento âncora (<a>) em um documento em HTML cria links para outras páginas ou outras partes da página. Você usa o atributo href na tag de abertura de <a> para informar ao navegador para onde o link envia um usuário.
Aqui está um exemplo de um link que envia os usuários para a página inicial do freeCodeCamp:
<a href="www.freecodecamp.org">Clique aqui para visitar o freeCodeCamp!</a>
Observe que o nome do atributo (href) e o valor ("www.freeCodeCamp.org") são separados com um sinal de igual. As aspas cercam o valor.
Existem muitos atributos diferentes em HTML, mas a maioria deles trabalha apenas com certos elementos do HTML. Por exemplo, o atributo href não funcionará se for colocado em uma tag <h1>.
No exemplo acima, o valor fornecido para o atributo href poderia ser qualquer link válido. Entretanto, alguns atributos têm apenas um conjunto de opções válidas que você pode usar, ou os valores precisam estar em um formato específico. O atributo lang diz ao navegador o idioma padrão do conteúdo em um elemento <html>. Os valores para o atributo lang devem usar o idioma padrão ou os códigos de país, como en para o inglês ou it para o italiano.
Atributos booleanos
Alguns atributos do HTML não precisam de um valor porque eles têm apenas uma opção. Eles são chamados de atributos booleanos. A presença do atributo em uma tag o aplicará a esse elemento do HTML. Entretanto, não há problema de escrever o nome do atributo e defini-lo como a única opção do valor. Neste caso, o valor é normalmente o mesmo que o atributo nome.
Por exemplo, o elemento <input> em um formulário pode ter um atributo required (em português, obrigatório). Isso exige que os usuários preencham esse item antes de poderem enviar um formulário.
Aqui estão exemplos de sintaxe que fazem a mesma coisa:
<input type="text" required >
<input type="text" required="required" >