Início › Recursos › Critério WCAG

Etiquetagem de formulários segundo as WCAG

Cada campo de formulário tem de ter uma etiqueta associada por programa, para que quem usa leitor de ecrã saiba o que introduzir e para que o clique na etiqueta coloque o foco no campo.

O caminho certo

<label for="email">E-mail</label><input id="email"> — ou incluir o campo dentro do <label>. aria-label / aria-labelledby apenas quando não é possível uma etiqueta visível.

Porque é que um placeholder não chega

O placeholder desaparece ao escrever, tem muitas vezes pouco contraste e alguns leitores de ecrã não o reconhecem como etiqueta.

Mensagens de erro

Ligar o erro ao campo (aria-describedby) e formular o texto de forma concreta («Introduza um e-mail válido», não «Erro»).

Como o a11yglass ajuda

A análise gratuita verifica o HTML e o CSS fornecidos à procura de infrações às WCAG detetáveis automaticamente e indica em cada constatação o critério de sucesso e uma medida concreta. Deteta cerca de 20–35 % dos problemas e não substitui uma auditoria completa.

Continuar a ler

• Textos alternativos segundo WCAG 1.1.1
• Navegação por teclado segundo WCAG 2.1.1
• Foco visível segundo WCAG 2.4.7

Informação geral prestada de boa-fé, sem valor de aconselhamento jurídico. Para o caso concreto, recorrer a um escritório especializado em direito das tecnologias de informação.