Imagens Acessíveis

Técnicas de Substituição de Imagens e Padrões de Repetição para Imagens

Leitores de Tela:
Existem programas de software que convertem texto em voz sintetizada e as pessoas cegas são capazes de ouvir o conteúdo da web. Estes programas são geralmente chamados Leitores de tela, apesar de fazerem um pouco mais do que simplesmente ler a tela. Leitores de tela permitem aos usuários navegar pelo conteúdo da Web de muitas maneiras. O usuário pode simplesmente deixar que o leitor de tela leia tudo de cima para baixo, uma linha de cada vez, ou o usuário pode usar a Tecla TAB para navegar a partir de link para link. O usuário também pode navegar a partir de uma posição para a próxima (se o conteúdo da Web tem posições), a partir de uma moldura para a próxima (se houver frames), ou por outros métodos. Leitores de Tela comuns como o JAWS incluindo Window Eyes, e o Home Page Reader.
Leitores de tela também pode ser utilizado por aqueles que são surdos e cegos, mas em vez de transformar o texto em discurso, leitores de tela para surdos-cegos converter texto em Braille, em dispositivos que exibem caracteres em Braille  com atualização de texto automática, tais como o exemplo mostrado aqui:

 

Dispositivos como este têm pequenos pinos que podem ser aumentados ou reduzidos para formar caracteres em Braille que os surdos-cegos pode sentir. É impressionante pensar sobre o mundo de possibilidades que essas tecnologias abrem para as pessoas que são cegas. Foi deixado de lado o fato de pessoas cegas depender de outros para obter uma informação comum que outros consideram um direito adquirido, tais como jornais, revistas, declarações bancárias, transcrições escolares. No passado, quando os alunos cegos queria matricular-se em uma universidade  eles tinham que contar com a ajuda de outros para conseguir isso para eles. Eles tiveram de fazê-lo com outras pessoas, e sacrificar alguns dos seus direitos individuais. Agora, com a ajuda de um leitor de telas, os alunos cegos são capazes de usar a Internet baseado em sistema de registo em muitas universidades. Esta nova capacidade lhes proporciona um maior grau de independência que anteriormente era impossível obter.
Evidentemente, para a captura de informação é necessário que todo o conteúdo seja acessíveis para pessoas cegas, assim como para as tecnologias que utilizam.

Limitações dos Leitores de Tela
Leitores de tela são equipamentos bastante robustos em suas capacidades, mas têm limitações. Eles não podem substituir totalmente uma experiência visual. Felizmente, existem formas de compensar as deficiências dos Leitores de Tela.

Imagens. Os Leitores de tela não podem descrever imagens. A única maneira que um leitor de tela tem para poder transmitir o significado de uma imagem é a leitura do texto do documento que serve como um substituto ou alternativo para a  imagem. Se não houver um texto alternativo, etiqueta "alt" com o texto, então o leitor de tela não podem transmitir textualmente o significado de uma imagem.

Visual e layout. Além disso, leitores de tela não podem fazer o levantamento da totalidade de uma página da web como um usuário visual pode fazer. Um usuário visual pode olhar para uma página da web e logo perceber a forma como a página está organizada, para em seguida ir para o conteúdo mais importante. Um leitor de tela não é capaz de fazer isso. Ele lê de forma linear, uma palavra de cada vez. Não pode sempre saltar de maneira mais inteligente alheio aos  conteúdos intermediário, tais como anúncios ou barras de navegação.

Tabelas de Dados. Do mesmo modo, devido aos Leitores de tela terem de realizar a leitura linearmente os dados de tabelas podem ficar bastante confuso. Imagine ao tentar ouvir o conteúdo de um grande quadro de dados com 14 colunas e 28 linhas. Até que o usuário tenha lido a linha 20 já terá tido tempo de esquecer o título da coluna 8. Pode ser difícil, se não impossível tentar interpretar essas informações.

Acessibilidade e o Teclado




É fato que os usuários de Leitores de Tela utilizam o teclado como meio principal para navegar na Web, e é um ponto em que os desenvolvedores precisam prestar atenção. Sem sequer perceber as consequências, alguns desenvolvedores de web site fazem seus programas de tal forma que ele só funciona se for acessado usando um mouse. Na maioria das vezes a inacessibilidade do teclado é resultado de eventos em JavaScript que dependem do clique ou do movimento do mouse. Por exemplo, qualquer caso desencadeado pelo evento "onmouseover" irá funcionar apenas quando o usuário mover o mouse sobre determinado objeto. Não há nenhuma maneira de acessar esse tipo de conteúdo usando apenas um teclado, sem fornecer qualquer outro método, quer em complemento, ou ao invés de um evento "onmouseover".
Em alguns casos, não há necessidade de fornecer uma alternativa, tal como quando o comando "onmouseover" desencadeia uma mudança cosmética para uma imagem (por exemplo, tornando a imagem com mais brilho ou alterar as cores). Alguém que seja cego provavelmente não vai se importar se a imagem mudou as cores. Esta informação é irrelevante.

Instruções e Técnicas
Use o atributo ALT para objetos não textuais simples, tais como figuras e títulos gráficos ou botões, deve-se especificar a descrição textual utilizando o atributo HTML "Alt" (alternativo).
O texto do atributo ALT deve ser escrito cuidadosamente para que possa fornecer informações equivalentes. Se o texto do ALT não transmitir com eficácia as informações que a imagem mostra, ele será inútil. Ao se usar um texto no atributo ALT para fornecer textos equivalentes para imagens utilizadas como links, o texto deve ter sentido como um título do link quando for lido fora do contexto. Para imagens meramente decorativas que não contêm informações, tais como espaçadores, linhas e enchimentos, usa-se o texto Alt vazio (descrito abaixo). No caso de imagens decorativas do tipo utilizadas em menus e itens de lista, barras separadoras ou mesmo as do tipo que se encontra no topo esquerdo desta página, "coloca-se a imagem em background, através de CSS"
Uso do atributo Alt com texto vazio para objetos que não contêm informações.
Para imagens que são meramente decorativas e não contêm informações, tais como espaçadores, marcadores, linhas e enchimentos, usa-se o valor vazio para o atributo ALT (alt=" "). Ele será ignorado pela maioria das tecnologias de auxílio, tais como leitores de tela, e evitará bombardear o usuário com centenas de descrições inúteis, tais como "um espaçador, uma linha azul, marcador, marcador...". Deve-se notar que o texto vazio no atributo Alt tem espaço entre as aspas. Ele não é o mesmo que alt="", que não contém um espaço e, portanto, não é um atributo Alt com texto vazio. Tecnologias de auxílio podem não ignorar objetos com atributo Alt que não contenham espaço.

ALT=" " - ALT Vazio - correto;
ALT="" - ALT Nulo.

Fornecimento de uma longa descrição quando o texto Alt não for adequado.
Realmente, o atributo ALT não é útil para explicações complexas demais para serem descritas em poucas palavras. Por exemplo, se for exibir um gráfico que mostre o crescimento populacional de três países (Brasil, Argentina e Uruguai) de 1995 a 2001, pode-se utilizar o atributo ALT para dar uma descrição básica do gráfico, tal como:

"Gráfico que mostra o crescimento populacional de Brasil, Argentina e Uruguai, de 1995 a 2001".

Entretanto, as informações contidas no gráfico podem ser muito complexas e exigirem uma descrição muito maior e pormenorizada da informação. O gráfico pode mostrar linhas coloridas com os parâmetros de cada país, permitindo ao usuário identificar rapidamente tendências globais e fazer comparações.
Isto está além da capacidade do atributo ALT e, nesse caso, deve-se utilizar o atributo HTML "LONGDESC" ou um "D" link. Essas duas técnicas permitem aos usuários acessarem um texto separado que descreve o contexto. Longdesc, embora seja parte da especificação do HTML, não é suportado por grande parte dos navegadores. A técnica alternativa "D" link envolve a inserção, além da imagem, de um link apresentado como a letra maiúscula "D". O alvo desse link deve ser uma página web separada com uma longa descrição detalhada para pessoas com deficiência visual. Quando o usuário tiver lido esse texto, ele pode retornar à página com a imagem. "Longdesc" significa "longa descrição".

 Como identificar essas situações?

• Cancele o downloading de imagens do navegador. Isso mostrará a página sem as imagens. Deve ser possível ver o texto do atributo alt onde as imagens não mais aparecem. Verifique se o texto do atributo Alt está ou não adequado.

• Cancele os scripts e Java do navegador. Isso permitirá ver a aparência da página e seu funcionamento sem scripts e applets. Com isso, será possível verificar se é ou não possível utilizar a página sem scripts e applets.

• Teste a página com alguma ferramenta de avaliação de acessibilidade. Todas elas acusam a ausência do atributo alt nas imagens.

• Utilize códigos HTML STRICT. Esses códigos não são validados pelo avaliador do W3C caso não haja o atributo ALT nas imagens.

Imagens em Background acessíveis ***.
Os leitores de tela não possuem somente a função de ler os textos de conteúdos web, mas também de descrever a estrutura das páginas e executar as tarefas propostas por seus aplicativos. Quanto à descrição da estrutura, o leitor ao encontrar elementos (X)HTML os sonoriza e é por isso que se torna importante o desenvolvimento das páginas dentro dos padrões web. Quando um leitor de tela passa por um elemento ele sonoriza "link", quando encontra um elemento ele, da mesma forma, sonoriza "tabela" complementando ainda quantas linhas e colunas essa possui e revelando ao usuário cego a estrutura de células que vem a seguir, quando passa por um elemento ele "diz" "LISTA DE ITENS" etc. Da mesma forma, ao encontrar um ele sonoriza "gráfico" revelando a existência de uma imagem. São essas descrições que facilitam as pessoas cegas entrarem nos links, navegarem nas tabelas de dados de forma mais adequada etc. No caso das imagens, se esta é apenas decorativa e sem outra função que altere o conhecimento dos usuários de leitores de tela, cegos em geral, pode-se colocar essas imagens não como um elemento de marcação (HTML/XHTML), mas apenas no plano de fundo, em CSS, através da propriedade background. Isso faz com que o leitor de tela passe e ignore completamente a existência da imagem.
A grande vantagem disso é não saturar os ouvidos da pessoa com deficiência visual, que passa o tempo todo ouvindo tudo sobre a página, além das informações a que estão interessados. É importantíssimo escutar a existência de um link, de um formulário e de todos ou quase todos os elementos de uma página, mas algumas informações são exageradas e sem utilidade. A página pode ficar "verborrágica" demais. Dessa forma, o uso do atributo ALT vazio e da imagem em background são extremamente utilizados em acessibilidade na web Entretanto, é bom observar que muitas imagens colocadas em plano de fundo, como aquelas que indicam o destino de um link para um site externo, fartamente utilizadas, deveriam, ao contrário, estarem em (X)HTML, pois possuem informação relevante. Ou seja, se o usuário clicar naquele link sairá do site e pode não ser esse o seu desejo. As pessoas que enxergam estarão avisadas do destino do link, mas as pessoas cegas e de baixa visão, pelo fato do leitor de tela ignorar imagens desse tipo, poderão entrar nele desavisadamente. Deixe essas imagens disponíveis no próprio texto do link e com o seu atributo ALT, por exemplo:

Imagem de um texto.
alt="Quem somos" width="106" height="20" />

Referência:
http://www.acessibilidadelegal.com/13-equivalentes.php
http://www.brasilmedia.com/Baixa-visao.html#.UXQPoco7aqY