Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
O que traz o atributo autocomplete em formulários de sites?
O atributo autocomplete diz ao navegador qual informação um campo de formulário espera — como endereço de e-mail ou número de telefone. O navegador pode então preencher automaticamente o campo com os dados salvos do visitante. Isso ajuda especialmente pessoas com limitações motoras ou cognitivas, para quem digitar é difícil — e acelera seus formulários para todos os clientes.
Uma palavra no código que economiza trabalho de digitação
Quando um visitante abre seu formulário de contato, o navegador não conhece seus campos inicialmente. O atributo autocomplete muda isso: se o campo de e-mail tiver a marcação «email», o navegador oferece o endereço salvo com um clique. Para a maioria dos visitantes, isso é conveniência. Para pessoas com tremor, paralisia ou transtornos de concentração, é a diferença entre um formulário enviado e um formulário abandonado — cada entrada economizada é uma possível fonte de erro a menos. Além disso, programas de assistência podem interpretar a marcação e, por exemplo, fornecer campos com símbolos compreensíveis. O esforço é mínimo: uma palavra no código por campo, adicionada uma vez por sua agência.
Como nosso núcleo de medição testa a marcação de finalidade de entrada
Nosso teste automático coleta os campos de entrada visíveis de sua página e compara o tipo de campo e o nome do campo com a marcação. Ele faz isso de forma deliberadamente cautelosa: apenas em casos claramente reconhecíveis — um campo de e-mail, um campo de telefone — uma marcação ausente é considerada uma violação comprovada, que o relatório documenta com o nome do campo. Campos para nomes, endereços ou códigos postais podem significar algo diferente dependendo do contexto — esses casos o relatório não relata como violação, mas como um ponto de verificação manual. Campos de busca são exceção, pois não se trata de informações pessoais. No padrão ouro, um verificador revisa os casos abertos e decide.
Beispiele
Adressfelder ohne Zweckangabe
<input type="text" name="f1">
<input type="text" name="f2">
<input type="text" name="f3"><input type="text" name="vorname" autocomplete="given-name">
<input type="email" name="email" autocomplete="email">
<input type="text" name="plz" autocomplete="postal-code">Mit autocomplete füllt der Browser die Felder aus, und Hilfsprogramme können ein bekanntes Symbol dazu zeigen.
- Peça à sua agência para equipar todos os campos de formulário de e-mail e telefone com a marcação autocomplete apropriada.
- Também complemente nome, endereço e código postal com as marcações apropriadas, se os campos solicitarem informações pessoais.
- Teste seu formulário de contato você mesmo: se o navegador oferece seus dados salvos para preenchimento, a marcação está funcionando.
- Inclua a marcação em sua lista de verificação de formulários para que novos formulários a carreguem desde o início.
- Mantenha os formulários geralmente curtos — cada campo economizado ajuda mais do que qualquer marcação.