Por que um leitor de tela não lê os campos do meu formulário?

Por que um rótulo visível nem sempre funciona

Um leitor de tela não lê um campo de formulário quando o rótulo que está lá não está programaticamente vinculado a esse campo — o texto está na tela, mas no código-fonte falta a referência que um leitor de tela precisa para conectar o rótulo e o campo. Isso geralmente acontece porque o atributo `for` do rótulo não corresponde ao `id` do campo de entrada, porque o rótulo não envolve o campo na marcação, ou porque apenas um placeholder é usado em vez de um verdadeiro elemento de rótulo. Para o olho, o formulário parece completamente em ordem; para um leitor de tela, o campo não tem nome.

Este tipo de erro pode ser amplamente detectado automaticamente: uma verificação mostra se um elemento de rótulo está faltando ou não se refere ao campo correto, e se um campo tem apenas um placeholder em vez de um rótulo. O que uma verificação não avalia é se o texto do rótulo que está lá realmente indica o que o campo solicita — um rótulo com o texto "campo 1" está tecnicamente vinculado corretamente, mas não transmite significado ao utilizador. Essa avaliação continua sendo trabalho humano, mesmo quando a própria vinculação está correta.

Onde isso está em WCAG 2.1

Esta exigência resulta de WCAG 2.1, a estrutura de conformidade na qual EN 301 549 se resume na prática: o critério 1.3.1 (Info and Relationships) exige que a relação entre um rótulo e seu campo seja estabelecida programaticamente e não apenas visualmente, o critério 4.1.2 (Name, Role, Value) exige que cada elemento de formulário tenha um nome que possa ser lido por software — incluindo um leitor de tela — e o critério 3.3.2 (Labels or Instructions) exige que um campo tenha um rótulo ou instrução. Juntos, estes três critérios determinam se um campo de formulário é reconhecível e utilizável para alguém que usa um leitor de tela.