Como projetar formulários acessíveis

Dicas para desenvolver formulários acessíveis

Estas são algumas dicas para projetar formulários acessíveis:

• Um formulário não será acessível se não puder ser usado com facilidade. Tente projetar formulários simples e práticos. Um layout simples de controles e campos com legendas e dicas de ferramentas evidentes e objetivas facilitará o preenchimento do formulário para todos os usuários.

• Projetar formulários organizados, logicamente posicionados e que forneçam instruções simples e claras permitirá que os usuários preencham formulários da maneira mais fácil possível. Recursos de navegação, como ordem de tabulação e atalhos de teclado, devem oferecer suporte à ordem lógica dos objetos contidos no formulário. A legenda de um campo deve estar na mesma linha que sua área de preenchimento correspondente. Posicione as legendas de forma consistente, sempre no mesmo lado dos campos.

• Os usuários trabalham melhor com formulários que reduzem a possibilidade de se cometer erros. Mensagens de erro claras e concisas ajudarão os usuários a corrigir os erros cometidos.

• Escolha objetos que facilitem o uso do formulário. Por exemplo, quando usadas corretamente, tabelas são uma maneira eficiente de organizar a apresentar informações tabulares. Evite tabelas muito complexas, como tabelas com seções e outras tabelas aninhadas.

• Os usuários devem ser capazes de preencher todo o formulário usando apenas o teclado ou um dispositivo de entrada equivalente. Usuários com capacidades reduzidas de mobilidade ou com deficiências visuais podem não ter outra opção além do uso do teclado, e muitos usuários que podem usar um mouse simplesmente preferem o uso do teclado. Com a possibilidade de usar vários métodos de entrada, além de criar formulários acessíveis, também é possível criar formulários mais adequados às preferências de todos os usuários.

• Projete um formulário de forma que ele possa interagir normalmente com outros aplicativos e padrões de sistemas. Por exemplo, é possível oferecer suporte a configurações padrão do Painel de controle do Windows para cores e usar o comportamento padrão do teclado.

• Um formulário bem projetado será compatível com diversas tecnologias de assistência. É necessário estar familiarizado com o modo de operação dessas tecnologias e usar técnicas de projeto e elementos de interfaces do usuário compatíveis com uma grande variedade de tecnologias de assistência.

• Cores poderão aprimorar significativamente a experiência do usuário com um formulário, mas apenas se forem usadas corretamente. Elas podem enfatizar e destacar certas partes do formulário, mas não convém transmitir informações usando apenas cores. Muitas cores podem causar dores nos olhos, além de ocultarem o texto do primeiro plano. São recomendadas cores de alto contraste, como as configurações padrão de preto em um plano de fundo branco.

• As imagens podem ajudar a melhorar a compreensão de usuários portadores de alguns tipos de deficiência. No entanto, muitos leitores de tela não leem gráficos, o que pode reduzir a acessibilidade do formulário para usuários portadores de deficiência visual. Se você optar por usar imagens, forneça descrições textuais do objeto e sua finalidade no formulário.

• Lembre-se de que scripts de cliente poderão causar interferências em leitores de tela e teclados se alterarem o foco do aplicativo cliente. Por exemplo, os eventos change e mouseEnter, quando usados com listas suspensas ou caixas de listagens, podem gerar ações inadequadas. Scripts de cliente devem ser gravados para evitar problemas com leitores de tela e teclados. De modo semelhante, evite o uso de eventos de scripts que geram efeitos visuais, como texto intermitente, o que pode aumentar as dificuldades de leitura para os usuários.

• Botões de opção são normalmente interpretados incorretamente ou são difíceis para usuários com incapacidade de acessar formulários HTML, pois os navegadores da Web e os leitores de tela os tratam de forma inconsistente. Evite usar botões de opção para formulários HTML se puder usar uma caixa de listagem em seu lugar.