Ramplifica

Início

Requisitos

Glossário

Sobre o Projeto

Início

Requisitos

Glossário

Sobre o Projeto

5.1.1.14 - Requisitos para instruções de preenchimento de entrada de dados

Descrição

Deve haver instruções de preenchimento de entrada de dados. Campos de entrada de dados devem ter, além do seu rótulo, instruções de preenchimento relacionadas com o tipo de dados exigidos para entrada, de forma que o usuário possa perceber. Essa técnica é importante para evitar que o usuário cometa erros durante o preenchimento do formulário. Isto pode tomar forma como (mas não se limitando a) de “marcadores de posição” (placeholder), etiqueta, parágrafos ou instruções prévias. Na dúvida, deve-se ser redundante.
Exemplo : Um campo de data exibe o formato exigido de entrada dia/mês/ano.

Desempenho funcional

com cognição limitada

Componentes aplicáveis

Rótulo
Campo de Formulário

Cenários para desenvolvimento de interfaces

Designers

Inclua instruções visíveis e claras nos campos de entrada, como placeholders ou textos próximos aos campos, garantindo que os usuários saibam exatamente o que devem inserir. Priorize a clareza para evitar confusão ou erros.

Desenvolvedores

Adicione instruções de preenchimento no código, utilizando atributos como placeholder, textos auxiliares em <small> ou <p>, garantindo que as orientações sejam acessíveis e visíveis tanto visualmente quanto por leitores de tela.

Exemplo de código

<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Formulário com Instruções de Preenchimento</title> </head> <body> <form> <!-- Instrução para o campo de Nome --> <label for="nome">Nome completo:</label> <input type="text" id="nome" name="nome" placeholder="Digite seu nome completo" required> <small>Exemplo: João Silva</small> <!-- Instrução para o campo de E-mail --> <label for="email">E-mail:</label> <input type="email" id="email" name="email" placeholder="Digite seu e-mail" required> <small>Exemplo: seuemail@dominio.com</small> <!-- Instrução para o campo de Senha --> <label for="senha">Senha:</label> <input type="password" id="senha" name="senha" placeholder="Digite sua senha" required> <small>A senha deve ter no mínimo 8 caracteres, incluindo números e letras.</small> <!-- Botão de Envio --> <button type="submit">Enviar</button> </form> </body> </html>

Gerentes

Garanta que as equipes existam instruções que ajudem o preenchimento dos campos de entrada e estejam bem visíveis em todo formulário, reduzindo o risco de erros de preenchimento e melhorando a experiência geral do usuário no sistema.

Testadores

Verificar a presença de instruções visíveis

Assegurar que os campos de entrada possuam instruções visíveis que detalham o tipo de dado esperado. Isso pode ser feito por meio de rótulos detalhados, textos explicativos próximos ao campo ou seções de ajuda.

Confirmar o uso de placeholders apropriados

Garantir que, caso sejam utilizados placeholders, eles sejam informativos e expliquem claramente o tipo de dado a ser inserido, mas sem substituir um rótulo permanente.

Testar a leitura por tecnologia assistiva

Utilizar leitores de tela para verificar se as instruções de preenchimento são corretamente lidas e compreendidas, garantindo que os usuários com deficiência visual tenham acesso às informações necessárias.

Validar a redundância das instruções

Conferir se as instruções estão presentes em mais de uma forma (por exemplo, texto adicional e placeholder) para aumentar a acessibilidade e evitar ambiguidades no preenchimento.

Checar a clareza e a precisão das orientações

Revisar se as instruções são claras, diretas e relacionadas especificamente ao campo, evitando mensagens genéricas que possam confundir o usuário.

Testar a localização e proximidade das instruções

Verificar se as instruções estão posicionadas próximas aos campos a que se referem, de modo a facilitar a associação visual e auditiva.

Simular diferentes tipos de preenchimento

Inserir dados variados para certificar-se de que as instruções ajudam efetivamente o usuário a preencher o campo corretamente e a evitar erros comuns.

Conteudistas

Escreva instruções de preenchimento detalhadas e precisas para cada campo, explicando claramente o tipo de dado necessário. Seja redundante quando necessário, para que todos os usuários entendam o que é esperado.

POR VOCÊ TER ACESSADO ESTE REQUISTO

Recomenda-se

Requisitos para Rótulo

5.1.1.4-Requisito para elementos interativos e de interface
Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.
5.1.1.5-Requisito para cabeçalho e rótulos
Deve haver cabeçalhos e rótulos para organizar a estrutura da aplicação. A aplicação deve estar estruturada por meio de elementos de cabeçalho em títulos de seção e rótulos em campos de entradas de dados, permitindo que usuários de tecnologia assistiva compreendam melhor sua organização. O uso desses recursos possibilita a localização do conteúdo de forma mais rápida.
5.1.1.6-Requisito para organização de elementos funcionais e nomes acessíveis
Deve ser mantida a mesma organização de elementos funcionais e nomes acessíveis ao longo de toda a aplicação. Os elementos funcionais devem manter-se na mesma posição e com a mesma descrição acessível. Isso facilita a compreensão e acelera o aprendizado do usuário

Ver todos os 13 Requisitos sobre componentes com Rótulo

Requisitos para Campo de Formulário

5.1.1.4-Requisito para elementos interativos e de interface
Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.
5.1.1.7-Requisitos para nomes acessíveis
Os nomes acessíveis devem conter os rótulos dos elementos. Para os elementos que possuam rótulos em texto ou imagens de texto, o nome acessível deve conter todo o rótulo. Sempre que possível, o texto do rótulo deve estar no começo do nome acessível.
5.1.1.8-Requisitos para descrição de elementos de interface interativos
Elementos de interface interativos devem descrever sua funcionalidade de forma clara, para a compreensão mesmo fora do contexto. Elementos como botões, links e ícones devem ser compreendidos mesmo fora do contexto. Esses elementos devem ter atributos ou alternativas textuais que descrevem sua funcionalidade aos usuários de tecnologia assistiva. Em caso de elementos que se repetem na interface, cada um deles deve fazer referência a qual objeto ou contexto a ação ou funcionalidade está relacionada.

Ver todos os 17 Requisitos sobre componentes com Campo de Formulário

Ramplifica

Acessibilidade para todos a partir da tecnologia

Requisitos

Glossário

Sobre o Projeto

© 2024 Erik Henrique da Costa Nunes.

Este site é produto da dissertação para Mestrado produzida por Erik Henrique da Costa Nunes, com Orientação da Dra. Ingrid Teixeira Monteiro e Co-orientação do Dr. David Campelo.

Foi construído no Mestrado em Computação da UFC em Quixadá.