Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

G167: Utilizar um botão contíguo para definir a finalidade de um campo

Aplicabilidade

Todas as tecnologias que suportem formulários.

Esta técnica está relacionada com:

Descrição

Quando um botão invoca uma função num campo de entrada de dados, tem uma etiqueta de texto clara e é apresentado junto ao campo de entrada de dados, também funciona como uma etiqueta para esse campo. Esta etiqueta ajuda os utilizadores a compreender a finalidade do campo sem introduzir texto repetitivo na página Web. Os botões que identificam campos de texto únicos, normalmente, sucedem ao campo de entrada de dados.

Nota: O campo também tem de ter um nome determinado de forma programática, de acordo com o Critério de Sucesso 4.1.2.

Exemplos

Exemplo 1: Uma função de procura

Uma página Web inclui um campo de texto onde o utilizador pode introduzir termos da procura e um botão intitulado "Procura" para executar a procura. O botão está posicionado logo a seguir ao campo de texto, de modo a ser claro ao utilizador de que se trata do campo de texto onde pode introduzir o termo da procura.

Um campo de texto com um botão posicionado à direita, a demonstrar a utilização de um botão para identificar um campo.

Exemplo 2: Escolher um formulário

Um utilizador nos Estados Unidos tem de preencher um formulário. Uma vez que as leis e os requisitos diferem entres os vários estados do Estados Unidos, o utilizador tem de seleccionar a versão do formulário consoante o seu estado ou residência. O utilizador pode escolher um estado a partir de uma lista pendente. O botão contíguo intitula-se "Obter Formulário consoante o Estado". Ao pressionar este botão o utilizador é conduzido até à página Web que inclui o formulário para o estado seleccionado.

Testes

Procedimento

Para um campo e um botão que utilizem esta técnica:

  1. Verifique se o campo e o botão estão ao lado um do outro na sequência de leitura determinada de forma programática.

  2. Verifique se o campo e o botão são apresentados ao lado um do outro.

Resultados Esperados