Criação de formulários HTML5 acessíveis

Os formulários HTML5 usam o padrão de acessibilidade ARIA HTML5 para gerar formulários HTML acessíveis. Esses formulários são compatíveis com a navegação por guias (exceto o Mozilla FireFox) e são certificados como compatíveis com leitores de tela comuns. Para gerar um formulário HTML5 com bons recursos de acessibilidade, crie o modelo de formulário XFA com base em algumas diretrizes básicas de design. As diretrizes de design incluem configurar a ordem de tabulação correta e fornecer o conteúdo de Texto falado para cada controle de formulário. O AEM Forms Designer oferece suporte à configuração desses atributos de controle de formulário para gerar um formulário PDF e HTML5 acessível.

Observação:A navegação com guias não cobre campos protegidos, como campos de cálculo que exibem a soma dos valores. Para que o leitor de tela leia o valor de um campo protegido, coloque um campo Somente leitura vazio na parte superior ou ao lado do campo protegido. Atribua o valor do campo protegido ao novo campo Somente leitura. O leitor de tela ou a navegação com guias pode escolher esse campo somente leitura e retorná-lo como o valor do campo protegido.

O AEM Forms Designer inclui várias opções de Texto falado que podem ser passadas para leitores de tela. Para cada objeto em um formulário, o usuário pode especificar uma das várias configurações para o texto do leitor de tela:

  • Texto personalizado do leitor de tela, que pode ser definido usando a paleta Acessibilidade. Os autores podem anotar os nomes dos botões e campos, bem como sua finalidade.
  • Dicas de ferramentas, que podem ser definidas na paleta Acessibilidade.
  • Legendas para campos no formulário.
  • Nomes de objetos, conforme especificado na opção Nome da guia Vínculo.

acessibilidade

Quando várias opções, como dica de ferramenta, Reader de tela e Legenda estão disponíveis em um controle de Formulário, o Reader de tela usa apenas uma dessas propriedades. A ordem padrão é Texto personalizado de Reader de tela, dica de ferramenta, Legenda e Nome. É possível substituir a ordem padrão usando a opção Reader de tela Precedência na paleta Acessibilidade.

Nesta página