Diretrizes de Acessibilidade Web - WCAG 2.

0
Lucila Santarosa, Dbora Conforto

As diretrizes de acessibilidade para o contedo publicado na Web buscam contemplar as especificidades de pessoas com deficincia em processos de interao com os recursos da Internet, como limitaes visuais, auditivas, fsicas, cognitivas, na rea da linguagem e da comunicao, em seus mais variados tipos, graus e combinaes de incapacidades. No podemos esquecer que, devido s alteraes naturais decorrentes do processo de envelhecimento, respeitar os princpios de acessibilidade facilita fortemente a utilizao das tecnologias digitais, em especial as associadas Web, por pessoas idosas, bem como os demais usurios. A verso WCAG 2.0 substituiu as Diretrizes de Acessibilidade para o Contedo da Web 1.0 [WCAG1.0], publicadas pela W3C, em 1999. Para acompanhar as constantes evolues dos recursos e funcionalidades Web, em 2004, o grupo de pesquisadores da W3C/WAI organizou as 14 normativas de acessibilidade em quatro grandes princpios. Embora WCAG 1.0 ainda estejam em vigor, o consrcio da W3C recomenda a utilizao da verso WCAG 2.0 e que cursos e discusses sobre a acessibilidade faam referncia s diretrizes WCAG 2.0. O curso, respondendo s orientaes da W3C, organiza os contedos do curso, apresentando para os professores-cursistas a verso atualizada das diretrizes de acessibilidade. Com o objetivo de possibilitar uma maior compreenso dos quatro princpios que orientam a construo de contedo acessvel Web, para cada princpio de acessibilidade estabelecido pela W3C, notas explicativas e exemplos da forma de aplicao so apresentados e problematizados, para ajudar na sua apropriao.

Princpio Perceptvel:
Fornecer Alternativas textuais para qualquer contedo no textual, permitindo que possa ser alterado, se necessrio, para outros formatos, como impresso com tamanho de fontes maiores, Braille, fala, smbolos ou linguagem mais simples. Fornecer Alternativas para mdias baseadas no tempo. Criar contedo que pode ser apresentado de modos diferentes (por exemplo, um layout simplificado), sem perder informao ou estrutura. Tornar mais fcil aos usurios a visualizao e a audio de contedos, incluindo as separaes das camadas de frente e de fundo.

Descrio das imagens e do contedo no formato de udio e vdeo Um dos pontos importantes aspectos que deve ser observado na anlise da acessibilidade de um site quanto descrio de suas imagens. Como verificar esse aspecto? Para verificar se a imagem apresenta descrio, coloque o cursor sobre a imagem. Deve aparece na tela uma caixinha (geralmente de cor amarela) com o texto descrevendo a imagem. Para os usurios que utilizam leitores de tela, ser esse texto que ser lido.

Como evitar a poluio sonora! Para evitar a poluio sonora, no deve ser feita a descrio de imagens decorativas. Isso gera um sobrecarga de informao, o que dificulta a apropriao do contedo apresentado pelo site por parte do usurio.

Carregamento automtico das imagens, verificao importante! Voc tambm pode verificar se a navegao do site est associada a imagens e se essa vinculao poder ser acessvel a todos os usurios. Uma maneira de analisar esse aspecto desativar o carregamento automtico das imagens, assim poder avaliar secada imagem foi descrita corretamente, se existem links associados s imagens.

Como verificar o carregamento automtico de imagens?

Se voc utiliza o navegador FireFox.: 1. Na barra do navegador FireFox, menu Ferramentas, escolha o item Opes; 2. Selecione o painel contedo. 3. Desmarque a opo Carregar imagens automaticamente. 4. Clique em OK.

Se voc utiliza o navegador Internet Explorer:

1. No menuFerramentas, escolha Opes de Internet. 2. Selecione o painel Avanadas. 3. Na caixa de seleo, procure com a barra de rolagem a opo Multimdia. 4. Desmarque a opo Mostrar imagens. 5. Clique em OK.

Contedo em formato de udio e/ou vdeo

Para verificar se o contedo publicado no site em formato de udio e vdeo est acessvel, uma dica importante desabilitar o volume de seu computador, o que o impossibilitar ouvir qualquer som. Assim, voc estar simulando a utilizao de um usurio com limitao auditiva, ou mesmo surdo. Ao desabilitar o som de seu computador, voc poder perceber se o site disponibiliza um contedo escrito para o contedo no formato udio ou vdeo.

Veja o exemplo de um site com as imagens carregadas e com a opo de carregamento automtico de imagens desativado:

Fonte: http://www.terra.com.br

Observe que, com o no carregamento das imagens, o link de acesso ao E-mail, Horscopo, Previso do Tempo (rea na imagem identificada com o nmero 2) no est mais visvel. Esse ser o comportamento da pgina se o usurio utilizar um leitor de tela. Se voc tambm desativar a opo Permitir JavaScript, as reas do site identificadas com os nmeros 1, 4 e 5, no sero visveis e tambm no acessveis para os usurios que utilizam leitores de tela. Na imagem anterior, o item identificado com o nmero 3 indica que a imagem foi descrita:"Apesar da violncia da batida, que tambm atingiu dois carros, no houve feridos". Ser que essa uma boa descrio da imagem? Assim, possvel perceber a importncia de descrever as imagens com qualidade, pois ser essa a informao que o leitor de tela dar ao usurio que faz uso da tecnologia assistiva. O mesmo vale para qualquer contedo publicado no formato com udio e com vdeo. importante que as informaes vinculadas recursos miditicos sejam apresentadas tambm no formato de texto. A descrio das imagens e do contedo vinculado no formato udio e vdeo permite o acesso das informaes em diferentes dispositivos mveis e facilita a ao dos robs de pesquisa nos sites de busca como o Google, por exemplo.

Verifique a possibilidade de aumentar o tamanho dos textos

Para verificar a possibilidade de redimensionar o texto de uma pgina na Web, voc pode utilizar as teclas de atalho. Essas teclas valem para o navegador FireFox e Internet Explorer: Pressione a tecla Ctrl e junto a tecla + (Ampliar o texto) Pressione a tecla Ctrl e junto a tecla - (Reduzir o texto) Pressione a tecla Ctrl e junto a tecla 0 (Retornar ao tamanho original) Se o site no permitir a alterao do tamanho da fonte, a informao textual poder no estar acessvel a usurios com baixa viso.

Algumas instituies pblicas e empresas disponibilizam recursos de acessibilidade em seus sites, dando ao usurio o controle para alteraes no tamanho da fonte e tambm de contraste. As imagens apresentadas abaixo ilustram essa importante possibilidade!

Fonte: http://www.acessibilidadelegal.com

Fonte: http://bento.ifrs.edu.br/site/

Princpio Opervel Fazer com que todas as funcionalidades estejam disponveis no teclado. Prover tempo suficiente para que os usurios leiam e usem o contedo. Prover formas de ajudar os usurios a navegar e a localizar contedos.

Verifique a navegao sem o uso do mouse

Muitos usurios no utilizam o mouse para a navegao na Internet. Por isso, fundamental verificar a navegabilidade do site, utilizando o teclado, por exemplo. Para verificar a navegabilidade do site, utilize as teclas Tab - Shift-Tab. Se isso no for possvel, esse site provavelmente no ser acessvel para usurios que no utilizem o mouse como dispositivo de entrada, como tambm para usurios com leitores de tela.

Apoiar o usurio na navegao!

Para usurios que utilizam leitores de tela e realizam a navegao pelo teclado importante fornecer atalhos a fim de que esses internautas possam agilizar a navegao pelo site, sem a necessidade de passar repetidamente por reas e pginas que no desejam acessar. Uma forma de solucionar esses problemas fornecer ao usurio o mapa do site e links que lhe permitam escolher de forma mais rpida

Fonte: http://bento.ifrs.edu.br/site/

Princpio Compreensvel
Tornar o contedo de texto legvel e compreensvel. Fazer com que as pginas da Web apaream e funcionem de modo previsvel. Ajudar os usurios a evitar e corrigir erros.

Fornece feedback ao usurio? Ajuda a evitar erros?

Um os aspectos que de forma mais direta facilita a navegao a qualidade do retorno que dado para cada ao realizada pelo usurio. Informar de maneira segura e objetiva o que o usurio deve fazer, bem como apresentar de forma clara a ao que est sendo realizada pelo sistema, permite uma explorao do site mais orientada e tranquila, garantindo uma diminuio da sobrecarga cognitiva associada navegao na Web. Por exemplo, formulrios objetivos e com informaes adicionais ajudam o usurio no seu preenchimento. Alternativa sonora para o cdigo de segurana (captcha), modelos e a possibilidade do SABER MAIS, como apresentado a seguir, no formulrio para a criao de conta no Gmail.

O Princpio Compreensvel a Diretriz de Acessibilidade Web fortemente relacionada aos problemas enfrentados por sujeitos com limitao auditiva:
Ouvir ou distinguir alteraes de frequncia; Localizar sons; Perceber informaes auditivas; Utilizar uma segunda lngua, visto que a lngua gestual a primeira lngua de pessoas surdas.
Smbolo Internacional da Surdez

A deficincia auditiva necessita ser percebida de forma mais ampla para que a busca da acessibilidade possa ser efetivamente contemplada. O sujeito surdo pertence a uma comunidade com cultura prpria, o que faz da surdez uma deficincia singular em relao s

demais. Como um usurio com deficincia auditiva ir se beneficiar do potencial de aprendizagem dos recursos da Internet quando a linguagem que apresenta e estrutura a informao est baseada em um cdigo e em uma gramtica diferente da linguagem gestual que caracteriza a comunidade surda? Interagir com pginas construdas sem a correspondente traduo em LIBRAS faz com o sujeito surdo tenha que realizar um constante processo de traduo: do portugus para a linguagem dos sinais. As dificuldades vivenciadas nesse processo so as mesmas que sofrem os usurios que acessam sites de idiomas estrangeiros. O surdo um sujeito que se beneficia de recursos imagticos, cores e imagens, em especial, pois facilitam a compreenso e a apropriao de conhecimento. A construo de contedo para a web deve ter presente essa premissa: sujeitos com limitao auditiva so seres visuais e, por isso,valorizam informaes em linguagem visual. Dicas para construo e anlise da adequao de contedo acessvel a sujeitos surdos:
Evite textos longos, utilize o recurso de marcadores. Organize a informao em blocos. Imagens e cores so recursos que ampliam a percepo e a compreenso da informao. Evite o uso de metfora e jarges; opte por uma linguagem clara e objetiva. Use legendas com a possibilidade de controle de velocidade do vdeo. Descreva udios e vdeos; Transcreva em LIBRAS, sempre que possvel.

Recursos tecnolgicos para usurios surdos:

Alguns sites, j preocupados com a garantia de acesso da informao que apresentam, disponibilizam tecnologias especficas para usurios com limitao auditiva: Dicionrio Digital da Lngua Brasileira de Sinais: Dicionrio Bilngue PortugusLibras. Player Ryben (Figura 8): programa de tecnologia nacional que traduz textos digitalizados, em portugus e pginas da Internet para linguagem de Libras.

Fonte: http://bento.ifrs.edu.br/site/

Instruo no uso do Ryben:

1. Selecione o texto desejado. 2.Com o texto selecionado, clique no

banner do Ryben. O navegador deve permitir a exibio de pop-up. 3. Voc ir perceber que uma janela ser aberta e que, na mesma, depois de um tempo, uma animao de um personagem comear a exibir a animao do texto selecionado em Libras. Ao terminar, feche a janela do Ryben

Fonte: http://www.escoladegente.org.br/acessibilidade.php

Princpio Robusto Maximizar a compatibilidade entre os atuais e futuros agentes do usurio, incluindo as tecnologias assistivas.Tornar o contedo do texto legvel e compreensvel.

Verifique a compatibilidade com Tecnologias Assistivas fundamental verificar o grau de acessibilidade do site, utilizando tecnologias assistivas: diferentes tipos de mouses, teclados, simuladores e acionadores; lupas eletrnicas, leitores de tela. Outra importante ao realizar a validao com vrios navegadores, novos e antigos. No esquea, tambm, de testar em computadores de mesa, notebooks e tablets. A navegao pode sofrer alteraes quanto ao acesso e navegabilidade, conforme as especificidades tcnicas de cada equipamento. Verifique se os links esto ativos Usurios que utilizam leitores de tela navegam pela Internet por meio da "tabulao" pelos links, ou seja, por meio do teclado, clicando na tecla Tab. Assim, necessrio que todos os links tenham texto descritivo com sentido. Por exemplo, "Clique aqui" ou "mais" so muito comuns nos sites, mas tambm dificultam a navegao por no informar de forma clara para qual o destino do link. Se o texto de orientao para o link for grande, utilize o atributo ttulo como estratgia para ampliar a possibilidade do usurio quanto ao destino do link. Veja o exemplo: <a href="descontos.html" title="Como obter descontos adicionais nas suas compras ">Descontos adicionais</a> <a href="descontos.html" - endereo da pgina que ser acessado ao clicar no link title="Como obter descontos adicionais nas suas compras" - ttulo que permite ampliar a informao sobre o link para o usurio. Descontos adicionais - texto do link no site.