thaysa.com

Hoje em dia um assunto muito abordado na web é a Acessibilidade, mas antes de discutir sobre o assunto precisamos entendê-lo.

Então…

O que é acessibilidade?

No geral Acessibilidade significa não apenas permitir que pessoas com deficiências participem de atividades que incluem o uso de produtos, serviços e informação, mas a inclusão e extensão do uso destes para todas pessoas com deficiências presentes em uma população.

Na internet significa que pessoas portadoras de necessidades especiais sejam capazes de usar a mesma. Ou seja, uma web projetada de maneira que estas pessoas possam perceber, entender, navegar e interagir com a web.

O número de pessoas hoje, portadoras de necessidades especiais com acesso restrito a web é muito grande, a maior parte dos websites não utilizam as regras para acessibilidade dificultando muito ou até mesmo tornando impossível que pessoas com alguma deficiência consiga acessar.

A acessibilidade à web contempla todo tipo de necessidade especial, incluindo as visuais, auditivas, físicas, de fala, cognitivas e neurológicas.

Mas porque é tão importante?

Uma Web acessível e que permita a participação de pessoas portadoras de necessidades especiais na sociedade é fundamental para proporcionar oportunidades iguais para todos nas diversas áreas.
A acessibilidade à web pode trazer benefícios também a pessoas sem qualquer tipo de restrição. Um dos princípios básicos de acessibilidade preconiza a flexibilidade para atender variados tipos de necessidades, situações e preferências. Esta flexibilidade acaba por beneficiar todas as pessoas que usam a web, inclusive aquelas sem qualquer tipo de restrição em diferentes situações, como por exemplo pessoas com uma conexão lenta, pessoas com restrições temporárias como um braço quebrado e pessoas idosas.

Um website acessível…

O principal motivo da existência de tantos sites não acessíveis e o uso de softwares geradores de conteúdos sem programação para suporte aos critérios de acessibilidade é o número de desenvolvedores sem o conhecimento dos itens básicos de acessibilidade ou mesmo sem maiores preocupações com ela.

O trabalho requerido para construir um website acessível depende de vários fatores, entre eles o tipo de conteúdo, o tamanho e a complexidade do site e das ferramantas de desenvolvimento e do ambiente de desenvolvimento.

A acessibilidade é mais facilmente implementada se for planejada antes do início do desenvolvimento ou redesign. Contudo, adaptar sites pode demandar uma quantidade grande de trabalho e esforço, principalmente para aqueles sites sem os padrões web, e para sites com determinados tipos de conteúdos, tal como multimídia.

Ao desenvolver ou redesenhar um site, a avaliação da acessibilidade logo no início e ao longo do trabalho detectará itens de acessibilidade que se tornarão mais fáceis de corrigir do que se deixarmos o trabalho de avaliação para o final do projeto. Técnicas simples, tais como alterar as ’setagem’ do browser (resolução, tamanho da janela, tamanhos de fontes, etc…) podem determinar conformidades com alguns itens de acessibilidade. Uma avaliação para determinar se um site está conforme as diretrizes de acessibilidade é uma tarefa mais complexa.

Como checar a acessilidade de um website?

Dez testes rápidos para checar a acessibilidade de um website.

1. Checar os textos alternativos para imagens que transmitam informação.

Coloque o cursor sobre a imagem, por exemplo, o logotipo da empresa. Aparece na tela uma caixinha amarela com um texto descritivo da imagem? Para usuários navegando com browsers sem suporte para imagens, será aquele texto descrito, visto (e/ou ouvido) no lugar da imagem.

2. Checar textos alternativos para imagens decorativas.

Coloque o cursor sobre a imagem que não tem outra função senão decorativa. Aparece na tela uma caixinha com um texto descritivo da imagem? Não deverá aparecer. Não há qualquer razão para que usuários com browsers sem suporte para imagens tomem conhecimento de uma imagem decorativa.

Atenção ao realizar este teste. Se a caixinha não aparecer, isto pode ser interpretado e analisado de duas maneiras:

1. O texto alternativo para a imagem foi definido como inexistente - alt="" - significando que será ignorado pelo browser sem suporte para imagem. Esta situação é a ideal.
2. O texto alternativo para a imagem não foi definido, significando que usuários com browser sem suporte para imagem tomarão conhecimento da existência de uma imagem, mas não saberão qual o propósito dela - o que será uma situação frustrante para o usuário! Esta certamente é uma situação a ser evitada.

3. ‘Ouça’ conteúdos de vídeos e áudio, sem volume.

Se você desligar suas caixas de som, estará garantindo o corte total do volume para qualquer conteúdo de áudio e em consequência impossibilitado de ouvir qualquer som. Esta situação simula um usuário portador de surdez. Assegure-se de que o website disponibiliza um conteúdo escrito para o conteúdo de áudio, de modo que usuários portadores de surdez tenham acesso ao conteúdo áudio.

4. Checar a acessibilidade dos formulários.

Usualmente cada campo de formulário possui seu texto descritivo. Por exemplo, um formulário de contato possui os textos ‘nome’, ‘e-mail’ e ‘comentários’ cada um deles próximo ao seu respectivo campo onde os usuários entrarão com os seus dados. Clique sobre o texto descritivo do campo e deverá aparecer o cursor ‘piscando’ no campo respectivo. Se o cursor não aparecer é porque não foi usado o elemento no formulário e isto poderá tornar o formulário inacessível para alguns usuários.

5. Checar a possibilidade de aumentar o tamanho dos textos.

No IE vá em View > Font size > Largest. O texto do website aumentou de tamanho? Se não aumentou o site estará inacessível para usuários portadores de baixa visão.

6. Checar o website no browser Lynx.

O browser Lynx é um browser de texto e não oferece suporte para muitas das facilidades oferecidas pelos outros browsers tal como o IE. Você poderá checar como o website se comporta em browsers de texto com o Simulador Lynx. Se o website apresenta-se estruturado (se ele ‘faz sentido’) e você pode navegar por ele no Lynx então poderá estar certo de que muitos dos itens de acessibilidade estão em conformidade.

7. Checar a navegabilidade sem o uso do mouse.

Você pode navegar no website usando somente tab, shift-tab e return? Se isto não for possível, o website será inacessível para usuários impossibilitados do uso de mouse bem como a usuários com leitores de tela. Deixe seu mouse de lado e navegue com o teclado para testar.

8. Checar a existência de um mapa do site.

Existe um mapa do site, facilmente localizável? Se não, os usuários poderão ficar perdidos no site.

9. Assegure-se que os textos dos links sejam descritivos para o destino remetido.

Usuários portadores de deficiência visual total, navegam por sites na internet valendo-se da ‘tabulação’ pelos links. Os textos descritivos dos links tem sentido? ‘Clique aqui’ e ‘mais’ são dois exemplos bem comuns de textos não descritivos para links. Se você estiver restrito a frases curtas para descrever os links, considere o uso do atributo title no elemento a para suprir uma informação adicional sobre o destino do link, por exemplo: <a href="descontos.html" title="Como obter descontos adicionais nas suas compras ">Descontos adicionais</a>

10. Checar o website em programas automatizados.

Dois programas automatizados de checagem estão disponíveis na internet, o Bobby e o Wave. Estes programas, embora não sejam capazes de todas as checagens possíveis para acessibilidade, já que alguns pontos só poderão ser checados por humanos lhe dará uma indicação em quais áreas os itens de acessibilidade precisam ser revistos.

Esta listagem foi retirada do site maujor.com.