Usando o JAWS para avaliar acessibilidade

Índice

A seguir o índice dos conteúdos deste artigo. No JAWS, para pular o índice e ir para o próximo cabeçalho pressione a tecla H.

  1. Introdução
  2. Vamos começar
  3. Lendo
  4. Navegando
  5. Imagens
  6. Tabelas de dados
  7. Formulários
  8. Prática

Introdução

É importante avaliar a acessibilidade do conteúdo web com um leitor de tela, contudo o uso destes programas pode ser muito difícil para um usuário ocasional e por esta razão muitas pessoas o evitam. Mas, dificuldade de uso não deve ser uma justificativa para não usar um leitor de tela. Embora estes programas sejam realmente complicados é perfeitamente possível avaliar a acessibilidade de um conteúdo web mesmo sem ser um "usuário pleno".

Este artigo destina-se a ensinar aos usuários não familiarizados com o JAWS os procedimentos básicos necessários a avaliar a acessibilidade do conteúdo web e servir como uma espécie de guia de referência para o usuário ocasional deste programa. Ao ler este artigo tenha em mente algumas coisas relacionadas a seguir:

Vamos começar

Você pode fazer o download de uma versão gratuita de demonstração do JAWS (para Windows somente) que permite que você use o programa por 40 minutos sem perda de funcionalidades. Depois de 40 minutos você terá que reiniciar seu computador (não basta simplesmente reiniciar o JAWS) e terá novamente o prazo de 40 minutos para testes, e, assim indefinidamente.

Quando estiver usando o JAWS tenha em mente as seguintes diretrizes:

Lendo

A função básica de um leitor de tela é ler o conteúdo da página. Existem dezenas de atalhos de teclado que permitem fazer leitura por linhas, por sentenças, de palavras, de caracteres, etc. A seguir uma lista dos mais essenciais atalhos de teclado para leitura. Conhecendo estes atalhos você será capaz de navegar pela maioria do conteúdo de uma página.

Você pode praticar começando agora mesmo com a leitura desta página com o seu leitor de tela.

Usuários sem problemas de visão podem navegar pelo conteúdo de uma página valendo-se de muitas maneiras. Para eles é possível identificar visualmente e ir direto aos cabeçalhos, listas, tabelas, etc. Muitos destas maneiras de navegação estarão desponíveis aos leitores de tela se o site for estruturado corretamente e bem organizado. Para navegar adiante ou retroceder pelos links ou pelos elementos de formulários em uma página use as teclas Tab e Shift + Tab. Outros atalhos serão listados a seguir.

Teclas rápidas

As teclas rápidas mostradas a seguir destinam-se à navegação pelos elementos mais comuns encontrados em uma página web.

Outros atalhos de navegação

Para praticar o uso dos comandos de navegação, recarregue a página e tente navegar até esta seção. Há varias maneiras de fazer isto - navegar até o índice, ativar o link que remete para esta seção e começar a leitura ou navegar pelas sentenças, cabeçalhos (H), listas (L), procurar, ler anterior/próxima linha (Insert + seta para esquerda/seta para direita).

Imagens

Cada imagem na página deve possuir um texto alternativo (NT: link para artigo em inglês). Se uma imagem não contém o texto alternativo, será ignorada pelo leitor de tela, contudo este comportamento pode variar dependendo de sua função.

Exemplos e prática com imagens

Tabelas de dados

Tabelas são usadas em páginas web com duas grandes finalidades: para layout e para organizar dados (NT: links para matéria em inglês). Quando se trata de tabelas de dados simples o uso do elemento <th> facilita o entendimento da tabela. Ainda que a maioria dos leitores de tela estejam aptos a distinguir os cabeçalhos de uma tabela de dados simples, isto não é suficiente para garantir acessibilidade à tabela e você deverá usar cabeçalhos (headers) de tabela de forma apropriada. Para tabelas complexas o uso de cabeçalhos (headers) de tabelas é mandatório para correta leitura e conseqüente acessibilidade.

Para pular diretamente à uma tabela tecle T. Para navegar por células de uma tabela mantenha Ctrl + Alt pressionado e use seta para cima/seta para baixo/seta para esquerda/seta para direita para se movimentar pelas células. Teclar Ctrl + Alt + 5 (no teclado númerico) fará a leitura das linhas e/ou colunas de cabeçalho para a célula corrente.

Exemplos e prática com tabelas

Formulários

Formulários são usados para interação com a web. Permitem ao usuário fazer buscas, selecionar e comprar produtos, preencher questionários, responder pesquisas, registrar-se em cursos e uma série enorme de outras interações. Para fazer seus formulários mais acessíveis três procedimentos são fundamentais:

  1. Usar o elemento <label> para associar explicitamente o controle de formulário com seu rótulo. Se não for feita esta associação o leitor de tela não terá condições de determinar a qual controle se refere um rótulo, baseado apenas na sua proximidade.
  2. Use o elemento <fieldset> (NT: link para matéria em inglês) para agrupar informações relacionadas. O agrupamento normalmente é usado para checkboxes e radio buttons , mas não deve ficar limitado somente a eles.
  3. Evite o uso de menus de salto construidos com JavaScript (NT: link para matéria em inglês).

Os seguintes atalhos de teclado se destinam à navegação por formulários:

Exemplos e prática com formulários

Prática

Compartilhe essa matéria com seus amigos

logo twitter logo facebook logo linkedin logo reddit

Conheça os livros do Maujor®

Ir para a página de entrada nos sites dos livros.