Técnicas para as WCAG 2.0

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

-

F80: Falha do Critério de Sucesso 1.4.4 quando os controlos de formulário baseados em texto não forem redimensionados quando o texto visualmente apresentado for aumentado para 200%

Aplicabilidade

HTML, XHTML e CSS.

Esta falha está relacionada com:

Descrição

O objectivo desta condição de falha é descrever um problema que ocorre quando a alteração no tamanho do texto não provoca um redimensionamento em conformidade dos controlos de formulário baseados em texto. Isto significa que o utilizador pode ter dificuldade em introduzir texto e em ler os dados introduzidos, uma vez que o texto não é apresentado no tamanho de texto pretendido pelo utilizador.

Os controlos de formulário baseados em texto incluem caixas de entrada (texto e área do texto), bem como botões.

Exemplos

Exemplo de Falha 1: Um Formulário de Contacto

Um formulário Contacte-nos inclui algumas informações introdutórias e controlos de formulário para os utilizadores introduzirem o nome próprio, o apelido, o número de telefone e o endereço de e-mail. O cabeçalho, o texto introdutório e as etiquetas de controlo de formulário foram implementados de uma forma ajustável, contrariamente aos controlos de formulário por si só.

O componente XHTML:

Código Exemplo:

                                                     <h1>Contact Us</h1>
 <p>Please provide us with your details and we will contact you as soon as we can. Note that all of the form fields are required.</p>
 <label for="fname">First Name</label><input type="text" name="fname" id="fname" /><br />
 <label for="lname">Last Name</label><input type="text" name="lname" id="lname" /><br />
 <label for="phone">Telephone</label><input type="text" name="phone" id="phone" /><br />
 <label for="email">Email</label><input type="text" name="email" id="email" /><br />
 <input type="submit" name="Submit" value="Submit" id="Submit" />

O componente CSS:

Código Exemplo:

                                                     h1 { font-size: 2em; }
 p, label { font-size: 1em; }
 input {font-size: 12pt}

Recursos

Não existem recursos disponíveis para esta técnica.

(actualmente, não existe nenhuma indicada)

Testes

Procedimento

  1. Introduza algum texto nos controlos de formulário baseados em texto que recebam texto introduzido pelo utilizador.

  2. Aumente o tamanho do texto do conteúdo para 200%.

  3. Verifique se o texto nos controlos de formulário baseados em texto aumentou para 200%.

Resultados Esperados