Artigo Como Fazer Acessibilidade nas páginas da Web
Autor: Silvia Arruda | Publicado: 2015-11-09T10:16:00-08:00

Boa tarde, queridos
Tudo bem com vocês?
Vocês já pararam para pensar que os deficientes físicos precisam também da acessibilidade nas páginas da Web? Sim, não é só na rua e nos transportes q os deficientes precisam de suporte não minha gente; muito pelo contrário, a maioria deles precisa de ajuda nas atividades diárias, como escovar os dentes ou se levantar da cama.
Mas, muitas vezes, dependendo do grau de deficiência, alguns não conseguem nem realizar uma digitação - que para muitos pode ser simples -, por isso há adaptadores de teclado, por exemplo. E alguns sites possuem acessibilidade para deficientes visuais e/ou pessoas com baixa visão assim todos se sentem incluídos.
O nosso artigo da semana é sobre Acessibilidade em páginas da Web:
"

Meu objetivo nesse evento, como usuário da internet, desenvolvedor de páginas da web e pessoa com deficiência visual, é o de fazer um depoimento a respeito de "pessoas com Deficiência e Acessibilidade nas Páginas da Web".

Serei mais específico com relação a minha deficiência devido à óbvia razão de ser meu maior campo de experiência, mas tenho trabalhado, feito estudos específicos e trocado informações com pessoas de outras deficiências, a respeito da necessidade urgente de se fazer uma acessibilidade de cunho universal nas páginas da internet, para que o acesso a elas seja, realmente, para todos.

Para as pessoas entenderem melhor como pessoas com deficiência visual podem operar computadores, algumas coisas básicas têm de ser conhecidas:
- não nos utilizamos de&nbsp;mouses&nbsp;para fazer executar as tarefas dos vários aplicativos, pois eles exigem coordenação visual (mira), sendo o&nbsp;teclado&nbsp;nossa solução facilitadora. Nesse aspecto, essa também é a solução para inúmeras outras pessoas com outras deficiências, mas pelo motivo de não possuírem, nesse caso, uma boa coordenação motora. Mas nós cegos precisamos de&nbsp;teclados em Braille? Não, sei até da existência de teclados em Braille, mas podemos utilizar da forma mais objetiva e tranqüila qualquer&nbsp;teclado comum&nbsp;de micro-computadores.

Devido a uma antiga norma internacional de datilografia, a maioria dos teclados possuem, na parte inferior das letras "J" e "F", um alto relevo com a forma de um ponto ou traço. Assim, com os indicadores nessas letras, e os outros dedos nas letras vizinhas, além dos polegares na barra de espaço, temos domínio do teclado básico. Sei, por exemplo, que se pressionar o dedo mínimo esquerdo estarei na letra "A", se for para baixo com o dedo indicador direito encontrarei o M, com o mínimo esquerdo para cima encontrarei o Q etc. Quando nos deparamos com os poucos teclados em que não existem esse relevo nas mencionadas teclas, basta colocarmos um durex ou esparadrapo para torná-los acessíveis.

As&nbsp;teclas de atalho, comuns na maioria dos aplicativos é outra solução. Se você, nesse momento, quiser testar uma tecla de atalho e estiver com o&nbsp;(*1)&nbsp;Internet Explorer, pressione&nbsp;ALT&nbsp;e perceberá que o cursor irá diretamente para o menu Arquivos, se for com a seta para baixo poderá percorrer a lista de opções desse menu e, se por acaso quiser acionar alguma delas, bastará teclar&nbsp;ENTER&nbsp;na opção desejada, que servirá como um&nbsp;clique do mouse. As&nbsp;SETAS&nbsp;para direita e esquerda percorrem os demais menus do aplicativo e ainda, se quiser finalizar, basta pressionar&nbsp;ESC&nbsp;para sair do menu ou opção do mesmo.

Nas páginas da internet, nossa forma de navegar é utilizando principalmente a tecla&nbsp;TAB. Essa tecla faz com que possamos percorrer a página indo de link em link de cima para baixo e&nbsp;shift mais tab&nbsp;faz o mesmo só que de baixo para cima. Para entrar em um link é só dar&nbsp;ENTER&nbsp;e, para voltar a página anterior, basta teclarmos&nbsp;alt mais seta para a esquerda;&nbsp;alt mais f4&nbsp;faz sairmos do Internet Explorer e por aí em diante... Essas teclas de atalho e inúmeras outras&nbsp;(*2), são comuns aos navegadores e qualquer pessoa pode utilizá-las na falta de um mouse ou simplesmente para teste. Existem outras formas de navegação pelas páginas da web, a chamada "teclagem rápida", mas somente a utilização dos padrões web (web standards, quando criado com um código semântico, pode proporcionar isso aos leitores de tela mais sofisticados. Dessa maneira vamos "passeando" por aí, realizando tarefas e muitas coisas antes impossíveis.

O acesso de uma pessoa, portadora de deficiência visual acentuada ou total, às páginas da internet, são proporcionadas por softwares conhecidos como&nbsp;"ledores de tela"&nbsp;(screenreaders) associados a outros denominados de&nbsp;sintetizadores de voz. Esses softwares lêem as telas para nós. Começaram a surgir no Brasil para micro computadores desde 1993, evoluindo tecnicamente até os dias de hoje, com o objetivo de aumentarem cada vez mais o acesso fácil e sem transtornos por nós, as várias opções de navegação nos sistemas e seus aplicativos, como também, mais especificamente, nas páginas da internet.

Hoje podemos não só navegar por essas páginas como produzi-las por conta própria, participar de chats, ler jornais e revistas, fazer compras, fazer cursos&nbsp;on-line, ter acesso a manuais, livros digitalizados, informação em geral, a prestadoras de serviços, enfim, quase tudo que a WEB pode oferecer aos seus usuários.

Acessibilidade.

Nossos limites e facilidades de acesso a tudo isso por nossos softwares específicos, são conhecidos por uma designação que pode servir a quase tudo que se refira a obstáculos e facilidades, virtuais ou não: no nosso caso, chamamos de&nbsp;acessibilidade&nbsp;à&nbsp;viabilidade de podermos perceber os textos, seja escutando ou tateando através do Braille, e podermos executar os serviços e aplicativos que estão na tela.

Assim, podemos resumir que, para qualquer pessoa com deficiência que necessite de acessibilidade para navegar pela internet, com exceção dos surdos, é necessário:

os&nbsp;sites&nbsp;possuírem uma boa navegação via teclado, até em seus elementos menos simples, como tabelas de dados,&nbsp;frames, imagens etc, simultaneamente com a navegação via&nbsp;mouse", para que a página tenha um desenho universal.
que os serviços oferecidos nas páginas do&nbsp;site, como o envio de e-mails, formulários, pesquisas, cadastros etc, também possam ser executados pelo teclado.


Dessa forma, podemos dizer que um site na internet, os softwares e aplicativos, possuem uma boa ou má acessibilidade, que são totalmente acessíveis ou totalmente inacessíveis para nós, dependendo do quanto possamos conhecer seu conteúdo e executar suas tarefas. Para nós cegos, como para os surdos, temos de acrescentar a necessidade básica de fazermos equivalências textuais. No caso de pessoas cegas, equivalentes textuais aos conteúdos das imagens, enquanto para os colegas surdos, equivalentes textuais nos conteúdos sonoros.

Técnicas Básicas de Acessibilidade.

A princípio, existem muitas técnicas para que uma página da internet seja acessível a cegos, conhecidas como diretrizes de acessibilidade, como as do&nbsp;W3C(World Wide Web Consortium) Através doWCAG&nbsp;(Web Contents Accessibility Guidelines) que, se forem seguidas em suas recomendações básicas, nos permitem navegar com tranqüilidade em qualquer site. Boa parte das páginas da WEB são acessíveis a cegos, uma maior parte ainda, à pessoas com outras deficiências, reduzindo-se a uma minoria, ou mesmo a alguns detalhes dentro de algumas páginas, que fazem elas possuírem uma acessibilidade prejudicada ou mesmo uma total inacessibilidade.

Boa parte dos&nbsp;Flashs&nbsp;e de Applets Java são impossíveis para nós. No caso do uso de flash, somente a partir da versão MX, 6.0 não nos trava a navegação. A MX, por ter seu código aberto, pode ser lido por nossos softwares. Porém sua acessibilidade ainda é reduzida, principalmente na existência de texto dinâmico. Os arquivos PDF tornaram-se acessíveis, quando não estão protegidos, a partir do Acrobat 7.0 para ledores de tela como o Jaws, a partir da versão 6.20, Windows Eyes 5.5 e Hal, a mais recente, mas ainda é um arquivo repelido pela maioria das pessoas com deficiência visual.

Alguns Javascripts e VBscripts nos criam dificuldades, especialmente aqueles que só são ativados por manipulação do mouse, não aceitando sua execução via teclado. Nesse caso, dependendo do evento a ser acionado, o script pode ser substituído por algum que aceite o teclado, utilizando-se tratamentos redundantes para os eventos do mouse:

Use "onmousedown" com "onkeydown".
Use "onmouseup" com "onkeyup"
Use "onmouseover" com "onfocus"
Use "onmouseout" com "onblur"


Perceba que não existe equivalente para clique duplo ("ondoubleclick") ou ao mover o mouse ("onmousemove") em HTML 4.0. Neste caso, utilize o recurso de hiperlink nulo e teclas de atalho (accesskey) para forçar com que o item receba o foco ou possa ser acessado através do teclado de qualquer lugar da página.

Os elementos (tags) e atributos de imagens em html podem ser "trabalhados" de forma que sempre que passarmos por uma imagem, seja de gif ou jpg, possamos saber do que se trata. O maior responsável por esse&nbsp;"milagre" de lermos imagens&nbsp;é o atributo "ALT" (alternat text), queno elemento de imagem ficaria da seguinte forma:



Todos os demais atributos desse elemento (border, width, height, etc) podem ser utilizados sem problemas. Se a imagem for acompanhada de um link, torna-se melhor colocarmos, no lugar da descrição da imagem, a função a ela atribuída. Um exemplo muito prático disso são os gif's ou jpg's de logomarcas, onde é utilizado um link para voltar a página principal do próprio site, ou para se ir ao site da empresa simbolizada no logo. Com a utilização do atributo "alt" pode-se colocar, por exemplo, um alt="Página Principal" ou alt="Petrobrás" e é isso que será lido por nossos softwares, para nós, quando eles passarem pela imagem da logomarca. Ao detectarem a elemento de imagem (IMG) procuram peloALT&nbsp;para ler o texto nele inserido.



O atributo de imagem "ALT" tem de ser utilizado com bom senso e a partir da seguinte idéia: tudo que for escrito nele será ouvido a toda hora que o leitor de tela passar por ele. Dessa forma, imagens que não tenham função, que só sirvam de decoração na tela, como imagens de linhas horizontais, bolinhas e quadradinhos decorativos e coloridos, enquadramentos, deverão vir com o "ALT vazio", ou seja, com um espaço entre as aspas. Isso é diferente do "ALT nulo", que é um alt com "", ou seja, sem espaço entre as aspas. Como o nome já diz, o "alt nulo" é como se não existisse alt e o "alt vazio" é um alt com conteúdo, porém vazio. Essa pequena diferença altera a leitura que o leitor de tela faz. Com o "alt vazio ele não lê absolutamente nada, enquanto com ele nulo alguns leitores procuram ler o conteúdo do atributo src, ou seja, tentam ler o nome da imagem.

O ALT é utilizado para pequenas descrições e para designar funções, mas no caso de descrições completas de imagens, use o atributo "longdesc", ou mesmo um "d.link". Tanto o&nbsp;longdesc, como od.link&nbsp;apontam para páginas em html onde estão essas descrições. O longdesc não pode ser percebido por quem enxerga, pois só os ledores de tela, como o "Jaws", passando pela imagem que o tem como atributo, sonorizam: "press enter for long description". Já o "d.link" é um link criado com uma letra "D" em maiúsculo. Essas descrições de imagem são feitas para imagens de logomarcas ou de estatísticas, para que no decorrer da navegação da página, a pessoa cega não se depare sempre com uma descrição detalhada de algo que não está mais interessada. Mas tais descrições, feitas em outra página exclusiva, podem ser fundamentais para se entender a estrutura de uma página indicada por um&nbsp;frame, ou mesmo para se entender o texto existente na imagem ou a seguir da imagem. Fica dessa forma a sintaxe deles:


D (letra D em maiúsculo 

É bom notarmos que não se usa mais o D.link com imagem transparente, devido ao fato de pessoas com baixa visão também precisarem da descrição da imagem e, estando o D.link em uma imagem transparente não lhes será dada a oportunidade de reconhecer o pouco que enxergam na descrição.

O "alt" ou "alternat text", visualmente faz com que, no Internet Explorer, se passado o mouse por cima da imagem, seja aberta uma pequena janela com o conteúdo textual do "alt". Se o mouse for retirado de cima da imagem a janela some. Quando a página está sendo carregada e uma imagem, existente dentro dela ainda não, novamente tal janela e seu equivalente textual, proveniente do "alt", preenche o lugar da imagem até que ela apareça. Essa característica, é da maioria dos navegadores, mas tornou-se pouco notada a partir das conecções rápidas de "banda larga".

Como puderam observar, o atributo&nbsp;alt&nbsp;é fundamental para que saibamos o significado das imagens, sejam elas quais forem, além de poderem melhorar o conforto de quem enxerga de forma comum na navegação das páginas da internet.

A existência de uma imagem (gráfico) sem o "alt" pode ser detectada de algumas formas, alternativas ou não, dependendo do software de fala utilizado. Alguns ficam em&nbsp;total silêncio, outros ainda produzem alguma expressão do tipo "gráfico", ou "imagem", sem que&nbsp;saibamos o porque de sua existência, outros ainda, tentam ler o nome da imagem para nos fornecer alguma informação, mas que, em geral, chega até a nos atrapalhar.

O atributo de hiperlink&nbsp;title="descrição textual"&nbsp;também é utilizado, da mesma forma que o "alt", mas somente em situações específicas como nos próprios links em mapeamento de imagens, em descrição de frames, ou em situações em que o alt não pode ser aplicado. O que faz o ALt num elemento de imagem (IMG), faz o TITLE num elemento link (a). No entanto, o title não é captado por nossos leitores de tela, a não ser quando configurados para isso e apenas em alguns. Ele serve para tornar mais claro os links para quem enxerga, pois abre, como o ALT, uma janela com o conteúdo escrito nele. Ex:
textodolink

Os formulários, de uma maneira geral, podem se tornar acessíveis com a tag&nbsp;. O  está para os formulários assim como o atributo "alt" está para as imagens, tornando acessíveis e claros os textos que devem ser digitados neles. Por vezes podemos chegar a um formulário sem saber onde escrever nosso nome, endereço, e-mail, senha ou qualquer outras informações necessárias ao seu preenchimento completo. Em alguns formulários, chegamos ao título nome, através da tecla "tab" e nada é dito, ou simplesmente escutamos um aviso padrão do Software: "caixa de edição", sem sabermos o que preencher. por exemplo. Para que escutemos o texto "Nome:" basta utilizarmos a tag . Vou deixar dois exemplos simples abaixo:

Nome:

Os botões de envio ou de qualquer outra espécie não necessitam do  por poderem ser lidos através do atributo "VALUE". Se o botão possuir uma imagem no lugar de um texto, basta não esquecer do&nbsp;ALT...

O melhor para nós nunca seria a página possuir um link com uma "versão texto", ou seja, uma versão especial, sem imagens e outros recursos. Em primeiro lugar, sempre há a possibilidade de ser criada uma&nbsp;única versão gráfica acessível a todos, além do que, as páginas de uma "versão especial", para pessoas com deficiência, nem sempre é atualizada na mesma proporção que a da versão gráfica, aos poucos sendo "esquecida" e, como já vimos, as imagens não são problemas para nós, contanto que haja seu equivalente textual, proporcionado pelo ALT.

Meu objetivo não é somente chamar a atenção de&nbsp;desenvolvedores de páginas&nbsp;para nossas necessidades específicas, é mostrar que com certa&nbsp;facilidade&nbsp;pode-se tornar uma página totalmente acessível e confortável para nós. Verifiquem, por favor, o mais simples de meus exemplos: se existe o atributoalt="algum texto"&nbsp;nas imagens de suas páginas... só isso já nos ajuda demais e, se altera o conforto da navegação e estética de sua página, será para melhor!

O&nbsp;Jaws for Windows&nbsp;é o software de voz internacionalmente mais utilizado por cegos e que, até agora, têm-se mostrado como o que nos traz um melhor acesso a boa navegação nas páginas da internet.

Algumas vezes, no entanto, mesmo com o mais atual e avançado de nossos softwares, encontramos o que seria uma escadaria real para um colega deficiente físico, usuário de cadeiras de rodas. Páginas silenciosas ou com imagens sem textualização, eventos não acionados pelo teclado, botões e links flutuantes etc. Na maioria das vezes são questões plenamente resolvíveis, até mesmo sem a alteração do visual da página ou perda da função ou evento a ser realizado.

Digo isso não somente como usuário, mas como técnico que conhece um pouco do assunto. Souwebmaster&nbsp;de 5 páginas da internet, todas acessíveis a cegos e pessoas de baixa visão, com livro de visitas, contadores não gráficos, busca interna no site, imagens textualizadas etc, tudo acessível a cegos, sem que haja desconforto na utilização por pessoas que enxergam ou diminuição da freqüencia das visitas. Ao contrário, as páginas, em geral, se tornam muito mais rápidas de serem carregadas e, por existirem mais pessoas com a possibilidade de chegarem a ela, mas pessoas a visitarão.
Bem, esse é o básico para que nós, pessoas com deficiência visual, possamos escutar uma página em html e navegar sem tropeços por ela. Por outro lado, para outras deficiéncias, só pelo fato de estarmos fazendo uma navegação via teclado, 80% de acessibilidade já estará realizada. No entanto, ainda faltará a atenção necessária a se fazer os equivalentes textuais ao utilizarmos sons em nossas páginas, para que os colegas surdos naveguem também com conforto.
Agradeço antecipadamente aqueles que se dispuserem a nos ajudar para que o mundo virtual, já nos oferecendo tanto em termos de informação, seja cada vez mais acessível a todos. É o que espero como pessoa e cidadão.