Olás, sou o Rochester Oliveira. Já escrevi no rochester.wordpress.com, Web Bem Feita, e atualmente escrevo no Já Leu Isso Hoje?.

Vamos começar o estudo de acessbilidade escolhendo as ferramentas corretas.

Navegadores

Ao contrário do que se pensa não é preciso testar o site em TODOS os navegadores para verificar se ele está funcionando corretamente.

Eu utilizo o padrão de desenvolver no Firefox e verificar regularmente no IE6 / IE7, Opera, e Safari. Não me preocupo muito com o Chrome, já que sua Engine é a mesma do Safari (WebKit). O segredo nessa parte é escolher um navegador de verdade pra “representar” cada engine e testar em todos os IE’s possíveis (testar no IE nunca é demais). Claro que se for identificado um público de 90% no seu site que utiliza Flock você tem que testar nele também. O mesmo vale para os mobiles.

Sempre faça teste em sistemas operacionais diferentes, pois ao se utilizar tamanhos em “em” (o recomendado para acessibilidade) a fonte utilizada é a referência de tamanho, se no sistema não tiver a fonte que você utilizou, perdeu preibói.

Pra testar o IE6 utilizo o IE tester. Porém, antes de lançar o site teste ao menos uma vez nos IE’s nativos, pra evitar surpresas.

Complementos do Firefox

• Web Developer: O mais interessante nele é a utilização de css alternativo, verificações de HTML e CSS facilitadas e outlines. Além do porrilhão de outras ferramentas escondidas.
• Firebug: É o tipo de extensão que te deixa viciado. Um clique e você sabe (quase) tudo sobre um elemento.
• HTML Validator: Validação rápida do código e também com opções de validar a acessibilidade.
• Outras Extensões: Cada caso é um caso. Visite o site de extensões de acessibilidade para firefox e veja qual você precisa .

Ledores de Tela

Antes de mais nada, sim você leu leDores. É o termo mais comum para se referir a quem lê para outro (no caso, um programa), e quando a pessoa lê por si mesmo é leitor.

Não tenho números, mas pelas conversas com amigos da área, no Brasil o WebVox (do projeto DosVox) é utilizado por quase a metade dos deficientes visuais. O complicado aí é que o webvox é um navegador em modo texto, as limitações do IE são fichinha perdo das dele.

JAWS é líder mundial, e é muito completo. Ele abre como um programa secundário, ou seja, para navegar você vai utilizar o seu navegador normalmente (firefox…) e ele vai ler o que conseguir dali. O NVDA é a alternativa 100% free ao JAWS. Foque-se nesses três (ou escolha no máximo mais um) e você vai conseguir atingir boa parte do seu público.

O objetivo com essas “seleções” não é deixar o site inacessível pra ninguém, e sim deixar ele acessível para todos e extremamente acessível para seu público-alvo.

Alguma ferramenta recomendada por vocês?

[]’s
rochester.