Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →

Barrierefreiheit

Por que cada campo de formulário precisa de um rótulo?

Cada campo de formulário precisa de um rótulo, pois os visitantes senão adivinham o que vai lá dentro. O rótulo está permanentemente visível no campo — «Primeiro nome», «Endereço de email», «Mensagem» — e está tecnicamente ligado a ele para que os leitores de ecrã o anunciem. Texto de exemplo no campo não é suficiente: desaparece durante a dactilografia. O critério WCAG 3.3.2 exige rótulos ou instruções para cada entrada.

O texto de exemplo no campo não substitui um rótulo

Muitos formulários modernos poupam rótulos visíveis e escrevem um texto de exemplo cinzento diretamente nos campos. Isto parece bem organizado, mas cria três problemas. Primeiro: assim que o visitante começa a escrever, o texto desaparece — quem foi brevemente distraído não sabe mais, com um formulário parcialmente preenchido, qual era o campo. Segundo: o texto cinzento tem pouco contraste e é difícil de ler para pessoas com visão fraca. Terceiro: sem ligação técnica, o leitor de ecrã apenas diz «campo de entrada» ao aceder ao campo — o visitante cego nunca fica a saber o que deve ser inserido. Um rótulo permanente acima ou ao lado do campo, tecnicamente ligado a ele, resolve os três problemas em simultâneo.

Assim o serviço de verificação mede os rótulos

O serviço de verificação conta todos os campos de entrada visíveis no seu website num browser real e verifica para cada um se existe um rótulo tecnicamente ligado — como um rótulo clássico, um rótulo envolvente ou um nome acessível no código-fonte. Se todos os campos têm rótulos, o critério é considerado cumprido. Se apenas um campo fica sem rótulo, o relatório assinala uma violação e nomeia o número de campos afetados com prova. Um campo sem rótulo também conta contra o critério de robustez 4.1.2, pois o campo também perde o seu nome acessível. Se os rótulos existentes são formulados de forma substancialmente correta é julgado por um humano no padrão Gold.

Beispiele

Platzhalter als einzige Beschriftung

Verstoß

<input type="text" placeholder="Nachname">

Erfüllt

<label for="nachname">Nachname</label>
<input id="nachname" type="text">

Der Platzhalter verschwindet beim Tippen. Ein label bleibt und ist für Vorleseprogramme der Name des Feldes.

Percorra cada formulário do seu website e verifique: existe um rótulo permanentemente visível em cada campo?
Substitua as soluções de texto de exemplo por verdadeiros rótulos acima do campo — o texto de exemplo pode permanecer como complemento.
Peça à sua agência para ligar tecnicamente cada rótulo ao seu campo para que os leitores de ecrã o anunciem.
Adicione a campos com especificações de formato uma instrução, como «Data no formato DD.MM.AAAA», visível antes da entrada.
Digite um formulário pela metade e verifique se consegue atribuir cada campo depois.

Deutsche Fassung dieser Seite

FAQ

O texto de espaço reservado é suficiente como rótulo no campo de entrada?

O texto de espaço reservado falha o critério 3.3.2 como único rótulo. Desaparece assim que o visitante escreve, é muitas vezes demasiado fraco em contraste e é tratado inconsistentemente pelos leitores de ecrã. O rótulo deve estar permanentemente visível no campo e tecnicamente ligado a ele. O texto de espaço reservado pode completar — como um valor de exemplo — mas nunca substituir.

O que significa rótulo tecnicamente ligado?

Tecnicamente ligado significa: no código-fonte está documentado qual rótulo pertence a qual campo — geralmente através de um elemento de rótulo que se refere ao campo. Apenas esta ligação permite a um leitor de ecrã anunciar o nome correto ao aceder ao campo. Um texto que apenas opticamente está ao lado do campo permanece para visitantes cegos sem atribuição.

Como o serviço de verificação verifica os rótulos de campo em falta?

O núcleo de medição conta todos os campos de entrada visíveis e verifica cada um para um rótulo tecnicamente ligado. Se todos os campos estão etiquetados, o critério é cumprido; cada campo sem rótulo leva à violação, que o relatório assinala com número e prova. Um campo sem rótulo também conta contra o critério 4.1.2 porque o campo também perde o seu nome acessível.