Técnicas para as WCAG 2.0

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

-

SCR18: Fornecer validação e alertas do lado do cliente

Aplicabilidade

Conteúdo que valida a entrada de dados por parte do utilizador.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é validar a entrada de dados por parte do utilizador à medida que os valores são introduzidos em cada campo, através de scripting do lado do cliente. Se forem encontrados erros, uma caixa de diálogo de alerta descreve a natureza do erro no texto. Assim que o utilizador fechar a caixa de diálogo de alerta, é útil se o script colocar o foco do teclado no campo no qual ocorreu o erro.

Exemplos

Exemplo 1

O script seguinte verifica se uma data válida foi introduzida no controlo do formulário.

Código Exemplo:

<label for="date">Date:</label>
<input type="text" name="date" id="date" 
onchange="if(isNaN(Date.parse(this.value))) 
alert('This control is not a valid date. 
Please re-enter the value.');" />

Testes

Procedimento

Para campos de formulário que requeiram entrada de dados específica:

  1. Introduza dados inválidos.

  2. Verifique se é fornecido um alerta a descrever o erro.

Resultados Esperados