Usando o atributo aria-required

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Descrição

O atributo aria-required é usado para indicar que a entrada do usuário é obrigatória em um elemento antes que um formulário possa ser enviado. Este atributo pode ser usado com qualquer elemento de formulário HTML típico; não se limita a elementos que têm uma  role atribuída.

HTML5 agora tem o atributo required, mas aria-required ainda é útil para agentes de usuário que não suportam ainda HTML5.

Valor

true ou false (Padrão: false)

Possíveis efeitos nos agentes de usuários e tecnologia assistiva 

Os leitores de tela devem anunciar o campo como obrigatório.

Observe que esse atributo não alterará automaticamente a apresentação do campo.

Nota: Opiniões podem diferir em como a tecnologia assistiva deve lidar com esta técnica. A informação fornecida acima é uma dessas opiniões e, portanto, não é normativa.

Exemplos

Exemplo 1: Um simples formulário

 

 <form action="post">
     <label for="firstName">First name:</label>
     <input id="firstName" type="text" aria-required="true" />
     <br/>
     <label for="lastName">Last name:</label>
     <input id="lastName" type="text" aria-required="true" />
     <br/>
     <label for="streetAddress">Street address:</label>
     <input id="streetAddress" type="text" />
 </form>

Exemplos de trabalho:

Exemplo de Tooltip  (inclui o uso do atributo aria-required)

Notas 

Usado em ARIA roles

  • Combobox
  • Gridcell
  • Listbox
  • Radiogroup
  • Spinbutton
  • Textbox
  • Tree

Técnicas relacionadas com ARIA

Compatibilidade

TBD: Add support information for common UA and AT product combinations

Recursos adicionais

Etiquetas do documento e colaboradores

Etiquetas: 
Colaboradores desta página: ivanoliveira
Última atualização por: ivanoliveira,