O IBM® WebFacing Tool fornece acessibilidade de aplicativos do WebFacing que remove barreiras para usuários com necessidades especiais, permitindo-lhes melhor acesso aos seus aplicativos.
Como o WebFacing Tool é exclusivo no fato de converter um aplicativo do host 5250 original em um aplicativo da Web automaticamente, a acessibilidade do aplicativo da Web resultante é limitada pelas informações disponíveis no DDS no momento da conversão. Infelizmente, estas informações geralmente são insuficientes, tornando necessárias alterações adicionais pelo desenvolvedor do WebFacing após a conversão para melhorar ainda mais a acessibilidade do aplicativo. Este documento descreve diferentes áreas que um desenvolvedor deve investigar e, possivelmente, modificar para tornar o aplicativo mais acessível.
Um usuário com deficiência visual que acessa seu aplicativo usando uma tecnologia assistida (AT) tal como um leitor de tela, deve contar com texto alternativo para associar significado com imagens ou gráficos. O campo Texto Alternativo foi incluído na Configuração da Web de Imagem do WebFacing que permite especificar facilmente o texto alternativo.
Para obter diretrizes sobre como especificar um bom texto alternativo, consulte as Informações Relacionadas abaixo.
Para tecnologias assistidas para navegar, interpretar e fornecer conteúdo, é importante que uma marcação de aplicativo transmita corretamente o significado desejado. Usar a marcação estrutural (em vez da marcação de apresentação) preserva o significado semântico para usuários que não usam um navegador visual.
Por exemplo, HTML fornece os elementos <h1> a <h5> para identificar títulos. Como não há construção de DDS equivalente, entretanto, a conversão do WebFacing não pode informar quais campos ou constantes são títulos e quais não são.
Pode ser óbvio que um título como “Parts Order Entry” seja um título quando a tela é visualizada por alguém que não seja deficiente visual. Entretanto, alguém usando um leitor de tela, por exemplo, não pode saber que isto é um título simplesmente lendo o texto.
O desafio é semelhante para o mecanismo de conversão do WebFacing. É possível, no entanto, usar a Configuração da Web Substituições de HTML para inserir tags de título em torno do campo:
Técnicas semelhantes podem ser usadas para aprimorar a acessibilidade fazendo alterações para listas, títulos de tabelas e citações, entre outras coisas. Consulte a seção dos documentos relacionados para obter detalhes adicionais sobre como fazer alterações na marcação estrutural em um aplicativo da Web.
Quando tecnologias assistidas encontram um campo de formulário, é importante que seu contexto e descrição estejam disponíveis para o usuário compreendê-los. A maneira recomendada de realizar isso é associando campos aos seus textos descritivos usando o elemento <label>. Em um aplicativo 5250 original, não há mecanismo com o qual associar programaticamente um campo à sua etiqueta. Geralmente, as únicas dicas disponíveis são visuais, tal como os campos são posicionados em relação uns aos outros.
Isto torna impossível para o mecanismo de conversão do WebFacing criar automaticamente tais associações semânticas no aplicativo da Web gerado. As modificações para acessibilidade devem ser feitas pelo desenvolvedor do WebFacing antes da implementação.
Para definir uma cadeia de texto como uma etiqueta para um campo de formulário, use o elemento HTML <label>. A sintaxe geral usada é a seguinte:
<form [...] >
<label for="inputID" [...] >description</label>
<input id="inputID" [...] />
</form>
Para o aplicativo ilustrado acima, suponha que você gostaria de especificar que “Número do Cliente” é a etiqueta para o campo de entrada à sua direita.
<label for="&{FMT01.CUSTNO.ID}">
O WebFacing Versão 7.5 introduz alterações em consultar e usar dinamicamente o idioma usado por uma tarefa no tempo de execução nos servidores de apoio. Como isto requer que a tarefa seja iniciada, entretanto, as informações do idioma não estão disponíveis antes da ativação no índice do aplicativo ou das páginas de logon, assim, o idioma é padronizado como inglês.
<HTML lang="en">
A mesma técnica pode ser usada para a página logon.jsp.
Ao usar uma tabela para exibir dados, os relacionamentos entre os títulos e as linhas ou colunas podem ser um pouco complicados, tornando difícil para tecnologias assistidas fornecer conteúdo de uma maneira que seja fácil de entender. As alterações que um desenvolvedor do WebFacing pode fazer para melhorar a acessibilidade de tabelas em seus aplicativos são descritas abaixo.
Compreender as tabelas de dados pode ser muito desafiante sem saber como esses dados estão organizados. Usar a marcação para identificar os títulos de linhas e colunas tornará muito mais fácil para a tecnologia assistida fornecer o conteúdo de uma maneira significativa.
Para identificar uma célula de tabela como o título de uma coluna ou linha, use a tag de título da tabela, <TH>, em combinação com o atributo scope.
A seguir há um exemplo de como fazer uma alteração desse tipo para um subarquivo:
Ao alterar a marcação de uma célula de <TD> para <TH>, é possível saber se o texto foi centralizado e colocado em negrito, dependendo dos estilos já aplicados. Testar suas alterações informará rapidamente se quaisquer modificações adicionais são necessárias.
Para acessar mensagens de erro usando um leitor de tela, pode ser usada uma tecla de atalho para os cabeçalhos. A leitura da página inteira novamente também lerá a mensagem de erro.
Para a tecnologia assistida ler quando uma janela é exibida, uma palavra-chave WDWTITLE precisa ser especificada com o texto do título apropriado no registro WINDOW.
Para obter mais detalhes e uma lista completa de considerações sobre acessibilidade da Web, consulte os links relacionados abaixo.