Os botões de opção são um dos principais controles de entrada disponíveis em Formulários PDF. Quando adicionados a um documento preenchível, eles oferecem aos usuários uma maneira clara de selecionar exatamente uma opção em um grupo de opções mutuamente exclusivas. Exemplos comuns incluem selecionar um método de pagamento, escolher uma velocidade de envio, responder a uma pergunta sim ou não ou escolher um índice de satisfação em um formulário de feedback.
Adicionar botões de opção a um formulário PDF exige aproximadamente o mesmo esforço que adicionar um campo de texto, mas acertar o agrupamento é o que separa um formulário funcional de um formulário confuso. Quando os botões de opção compartilham o mesmo nome de grupo, selecionar um desmarca automaticamente todos os outros nesse grupo. Quando possuem nomes diferentes, eles se comportam como caixas de seleção independentes, o que quase nunca é o que você deseja para uma pergunta de escolha única. Este guia aborda as etapas do Adobe Acrobat Pro, editores on-line e WukongPDF, além dos detalhes de configuração que os autores de formulários novatos costumam perder.
O editor PDF preenchível do WukongPDF coloca todos os controles de formulário, incluindo botões de opção, caixas de seleção, campos de texto e menus suspensos, em uma única barra de ferramentas acessível sem download ou instalação de software. Após adicionar seus botões de opção, salve o formulário e ele estará pronto para distribuição.
Botões de opção x caixas de seleção x menus suspensos
Compreender a diferença entre esses três tipos de campo evita o erro mais comum no design de formulários: usar caixas de seleção às quais pertencem os botões de opção. Os botões de opção impõem exclusividade mútua dentro de um grupo nomeado. As caixas de seleção são independentes; marcar uma não afeta nenhuma outra caixa de seleção. Os menus suspensos também impõem seleção única, mas usam um formato de lista compacta.
| Botões de opção | Caixas de seleção | Menus suspensos |
|---|---|---|
| Escolha única de um conjunto | Múltiplas escolhas, independentes | Escolha única, lista compacta |
| Agrupado por nome de campo | Cada caixa é independente | Todos os itens em um campo |
| Melhor para 2 a 5 opções | Melhor para sim/não ou seleção múltipla | Melhor para mais de 4 opções |
Use botões de opção quando todas as opções precisarem estar visíveis de uma vez e o usuário precisar escolher exatamente uma. Use um menu suspenso quando houver mais de cinco opções e o espaço na tela for limitado. Use caixas de seleção quando o usuário puder selecionar qualquer número de opções de forma independente, incluindo zero.
Experimente Editar PDF
Nenhuma instalação necessária. Funciona diretamente no seu navegador.
Adicionando botões de opção no Adobe Acrobat Pro
Abra seu PDF no Acrobat Pro e navegue até Ferramentas e depois Preparar formulário. O Acrobat verifica o documento em busca de candidatos a campos de formulário e sugere posicionamentos. Para posicionamento manual, clique no ícone do botão de opção na barra de ferramentas, que é exibido como um pequeno círculo. Clique na página onde deseja que o primeiro botão de opção apareça. Um nome padrão como Grupo1 é atribuído.
A etapa crítica vem a seguir. Para o segundo botão de opção no mesmo grupo, você deve fornecer exatamente o mesmo nome de campo do primeiro. Se o primeiro botão for denominado PaymentMethod, todos os botões de opção subsequentes nesse grupo também deverão ser denominados PaymentMethod. O Acrobat exibirá um aviso: Você criou um botão de opção com o mesmo nome. Selecione Sim, desejo que todos os botões de opção com este nome compartilhem um único conjunto de valores. Esta confirmação é o que ativa o comportamento de exclusão mútua. Se você acidentalmente atribuir um nome diferente ao segundo botão, os dois botões funcionarão como alternadores independentes, em vez de botões de opção vinculados.
Após colocar todos os botões em um grupo, clique duas vezes em qualquer botão para abrir a caixa de diálogo Propriedades. Na guia Opções, atribua um valor de botão exclusivo a cada botão do grupo, como Cartão de Crédito, PayPal ou Transferência Bancária. Este valor de exportação é o que aparece nos dados de formulário exportados. Na guia Aparência, defina um tamanho de fonte e um estilo de borda consistentes para todos os botões. Salve o PDF e teste o grupo clicando em cada botão. Apenas um deve ser preenchido por vez.
Adicionando botões de opção usando um editor de PDF online
Os editores de PDF online simplificam o fluxo de trabalho dos botões de opção agrupando automaticamente botões que compartilham o mesmo nome. Após fazer o upload do PDF, selecione a ferramenta botão de opção e clique na página para colocar a primeira opção. No painel de propriedades que é aberto à direita, digite um nome de grupo e um valor de escolha para este botão específico. Coloque o próximo botão de opção, atribua a ele o mesmo nome de grupo e um valor de escolha diferente.
A maioria dos editores online exibe botões de opção na lista de campos com uma visualização em árvore expansível que mostra o nome do grupo e cada escolha individual aninhada abaixo. Este feedback visual facilita a confirmação de que todos os botões pretendidos pertencem ao mesmo grupo. Se um botão aparecer fora da árvore, arraste-o para o grupo correto na lista de campos. Após colocar todos os botões, baixe o PDF finalizado e teste o comportamento do grupo em um leitor.
Definir uma seleção padrão e opções de estilo
Os botões de opção podem carregar com uma opção pré-selecionada quando o formulário é aberto. Na caixa de diálogo Propriedades, na guia Opções, defina o Valor do botão de uma opção como padrão selecionando-o e clicando no botão Padrão. A opção pré-selecionada aparece preenchida quando o formulário é carregado. Use esta opção quando uma opção se aplicar à maioria dos seus usuários, como pré-selecionar Envio padrão quando a maioria dos clientes o escolher. Não pré-selecione uma opção para questões de consentimento ou acordos legais; estes devem sempre exigir uma ação explícita do usuário.
A maior parte da aparência visual dos botões de opção é importante para a usabilidade. A aparência padrão, um pequeno círculo com preenchimento sólido quando selecionado, funciona bem em fundos brancos, mas pode ser difícil de ver em seções coloridas do formulário. Na guia Aparência, você pode alterar a cor da borda e a cor de preenchimento do botão para melhorar o contraste. Para acessibilidade, certifique-se de que o círculo do botão de opção tenha pelo menos 11 pontos de diâmetro e contraste de cor suficiente em relação ao fundo da página, conforme recomendado pelas WCAG 2.1 SC 1.4.11.
Armadilhas comuns e como evitá-las
Na prática, o erro mais frequente é criar botões de opção com nomes de campos diferentes e esperar que funcionem em grupo. Após colocar todos os botões, abra o painel Campos e verifique a lista. Todos os botões de um grupo devem compartilhar exatamente o mesmo nome, com diferenças apenas nos valores de escolha individuais. Se você vir PaymentMethod, PaymentMethod1 e PaymentMethod2 como nomes de campos separados, exclua os dois últimos e recrie-os com o nome compartilhado correto.
Outro problema ocorre quando os autores do formulário copiam e colam um botão de opção para criar opções adicionais. A cópia duplica o valor da escolha, bem como o nome do campo, o que significa que todos os botões colados reportam o mesmo valor nos dados exportados. Sempre altere o valor de escolha para cada instância do botão de opção, mesmo se o nome do campo for compartilhado. E se o seu formulário for preenchido em dispositivos móveis, teste o espaçamento dos botões de opção na tela do telefone. Botões colocados muito próximos são difíceis de tocar com precisão com a ponta do dedo. Deixe pelo menos 24 pixels de espaço vertical entre as linhas dos botões de opção para acomodar a entrada por toque.
Os botões de opção transformam uma questão ambígua em um ponto de dados limpo e estruturado. Ao agrupá-los corretamente sob um nome compartilhado e atribuir valores de exportação exclusivos a cada opção, você produz dados de formulário que são importados diretamente para bancos de dados e planilhas sem limpeza manual.
Adicionando botões de opção para conformidade de acessibilidade
Um grupo de botões de opção acessível ajuda os usuários que dependem de leitores de tela, navegação por teclado ou modos de alto contraste a interagir corretamente com seu formulário. Cada botão de opção em um grupo deve ter uma dica que descreva o nome do grupo e a escolha específica. No Acrobat Pro, abra as propriedades do campo, vá para a guia Geral e preencha o campo Dica de ferramenta com texto como Selecione sua forma de pagamento: cartão de crédito. Os leitores de tela anunciam a dica de ferramenta quando o usuário entra no campo.
A ordem de tabulação dos grupos de botões de opção deve passar por cada opção sequencialmente. Depois que o usuário entrar no grupo, ele poderá usar as teclas de seta para alterar sua seleção dentro do grupo e, em seguida, pressionar Tab para sair do grupo e passar para o próximo campo. Este é o comportamento padrão do teclado definido pela especificação PDF e suportado por todos os principais leitores de tela. Teste o fluxo de navegação do teclado antes de finalizar o formulário. Se pressionar Tab dentro de um grupo de opções pular para o próximo campo em vez de se mover entre as opções de opções, verifique se os botões de opções dentro do grupo compartilham exatamente o mesmo nome de campo.
Para requisitos de alto contraste sob WCAG 2.1 Nível AA, certifique-se de que a cor da borda do botão de opção contraste pelo menos 3:1 em relação ao fundo da página. A borda preta padrão em fundo branco atende a isso, mas bordas com cores personalizadas em fundos cinza ou coloridos podem não atender. Use uma ferramenta de verificação de contraste em uma captura de tela do formulário para verificar a conformidade antes da distribuição.
Exportando valores de botão de opção corretamente
Os grupos de botões de opção exportam o valor selecionado como um único campo nas exportações de dados de formulário. Se um usuário selecionar CreditCard em um grupo PaymentMethod, o CSV ou XML exportado registrará PaymentMethod=CreditCard. O valor de exportação usado é o valor do botão atribuído nas propriedades do campo, não o rótulo visível. Para verificar quais valores aparecerão nos dados exportados, abra um formulário de teste, faça seleções, exporte os dados e verifique se os valores correspondem ao que seu banco de dados ou planilha espera.
Um problema comum de integração de dados ocorre quando os valores de escolha do botão de opção contêm espaços, caracteres especiais ou maiúsculas e minúsculas inconsistentes. Padronize os valores de escolha em camelCase ou snake_case, como creditCard ou credit_card, em vez de Credit Card. A formatação consistente evita erros de análise de CSV e simplifica a validação dos campos do banco de dados. Documente a convenção de nomenclatura do valor do botão nas notas de design do formulário para que qualquer pessoa que mantenha o formulário posteriormente siga o mesmo padrão.
Experimente Editar PDF
Nenhuma instalação necessária. Funciona diretamente no seu navegador.