Acessibilidade na Web

Segundo Tim Berners-Lee, diretor do W3C e idealizador da World Wide Web, o poder da web está na sua universalidade, o acesso por todas as pessoas, não obstante a sua deficiência, é um aspecto essencial. Para o W3C, é essencial que a web seja acessível, de modo a prover igualdade de acesso e de oportunidades para pessoas com diferentes capacidades. Berners-Lee acrescenta que a acessibilidade sustenta a inclusão social de pessoas com deficiência, idosos, residentes em áreas rurais ou de difícil acesso, incluindo locais onde a internet é de baixa velocidade (realidade de grande parte do Brasil).

Assim, entendemos que não podemos limitar a aplicabilidade do conceito de acessibilidade apenas a usuários com deficiência e mobilidade reduzida. Acessibilidade é para todos! Assim, utilizaremos o termo “acessibilidade” no sentido de: 

[...] possibilidade e condição de alcance, percepção e entendimento para a utilização, em igualdade de oportunidades, com segurança e autonomia, do meio físico, do transporte, da informação e da comunicação, inclusive dos sistemas e tecnologias de informação e comunicação (aqui representados pelos materiais didáticos), bem como de outros serviços e instalações. (W3C, online).

A seguir vamos focar na aplicação do conceito de  “acessibilidade” nos materiais didáticos digitais (HTML5), que são disponibilizados via WEB no EaD.

Qual a importância de deixar seu conteúdo acessível?

É fato que a procura e aceitação pela modalidade Ead tem aumentado, visto os números do último censo do INEP (2018). Grande parte do público em geral tem se adaptado às novas tecnologias e se sentem cada vez mais confortáveis em realizar todo tipo de atividade no mundo virtual, incluído estudar. Por isso, além de possuir um design bem elaborado e atraente, os materiais didáticos necessitam atender a todos. Quando um material didático não está acessível, ele está fechando as portas para centenas de milhares de indivíduos, indo contra um dos propósitos mais básicos da educação – o de alcançar, incluir e “formar cidadãos capazes de contribuir para a harmonia social” (Émile Durkheim).

BENEFÍCIOS DA ACESSIBILIDADE PARA AS IES

As IES que se preocupam com acessibilidade conquistam, claramente, o benefício de melhorar sua imagem perante o público e mercado, o que pode acarretar  ganho direto nos negócios. Porém, a melhoria da imagem não é o único benefício de implementar acessibilidade, nem mesmo pode ser considerado o maior deles. Os principais benefícios que podem ser alcançados instituições que zelam pela acessibilidade de seus conteúdos e serviços web estão listados a seguir.

4 Dicas para implementar acessibilidade

1. Design universal - Projetando para todos

Os princípios do Design Universal são conceitos de acessibilidade que o designer de produto deve ter em mente ao desenvolver um design que seja praticável a todos.

Consideramos um design que seja acessível a todos, que se adapta cada vez mais às diferentes habilidades e necessidades das pessoas e que exige delas cada vez menos esforço individual adaptativo, o qual, como sabemos, acaba sempre por excluir muitas pessoas da participação na vida social e também por privar a sociedade da contribuição que poderia ser trazida por essas pessoas.

Ao se aplicarem à web os princípios do Desenho universal, conclui-se que os objetos e ambientes utilizados nos sítios devem ser projetados para serem utilizados, sem modificação ou assistência externa, pelo maior número de pessoas possível, independentemente de suas habilidades motoras, visuais, auditivas, táteis ou de qualquer outra condição que possa oferecer dificuldade na finalização de uma tarefa.

Os objetos e ambientes são veiculados na Internet por meio de códigos, que devem se adequar a certos padrões para permitir que tanto os controles de navegação quanto o conteúdo sejam compatíveis com a ampla variedade de dispositivos de acesso à web, e com toda a diversidade da tecnologia assistiva utilizada por pessoas com deficiência e mobilidade reduzida. 

2. Não dependa da cor (Uso de alto Contraste)

A cor é uma ferramenta poderosa que costumamos usar para expressar emoções e comunicar mensagens na Web. No entanto, não devemos colocar toda nossa fé em cores para transmitir significado e informações aos nossos usuários.

Por exemplo, é amplamente conhecido que verde significa “certo” e vermelho significa “errado”, mas o que acontece quando usamos isso como nosso único meio de comunicação?

Quem é daltônico tem dificuldades para diferenciar, por exemplo, o vermelho do verde ou o azul do amarelo. Cerca de 8% da população mundial masculina é daltônica. As mulheres representam cerca de 1% neste grupo.

É muito importante também utilizar contraste de cores. Mesmo quem possui a monocromia tem dificuldade de perceber as diferentes variações de luz. Para garantir que haja leitura é importante definir cores que tenham contraste. Um exemplo: um texto em branco em cima de uma cor escura de fundo terá mais contraste que um texto branco em cima de um fundo amarelo. Você pode observar que a ferramenta de acessibilidade presente nos materiais da B42 possui a função “alto contraste” que ajuda na solução dessa dificuldade.

3. Zoom da Página (Design Responsivo)

Uma pesquisa do IBGE (Instituto Brasileiro de Geografia e Estatística) mostrou que no Brasil mais de 35 milhões de pessoas sofrem algum problema de visão (aproximadamente 19% da população). 

Além de ser uma diretriz da WCAG, a capacidade de ampliar o conteúdo é uma ferramenta que pode simplificar a vida cotidiana das pessoas com algum problema de visão (Miopia, astigmatismo e hipermetropia). 

Para analisar se o layout do seu conteúdo foi bem desenvolvido, ele tem que permitir que os usuários façam zoom livremente em dispositivos móveis, é importante também verificar se o layout tem boa aparência com zoom de até 200% nos navegadores de desktop (você pode dar zoom no seu navegador utilizando os atalhos: cmd+ no Mac ou crtl+ no Windows/Linux).

Se um material é desenvolvido com um layout 100% responsivo, ao dar zoom o conteúdo se ajustará de forma fluída na tela. A ferramenta de acessibilidade presente nos materiais da B42 possui a função aumentar e diminuir fonte, que permite ao aluno ajustar o tamanho do texto livremente. 

4. Descrição das imagens: atributo alt

O texto alternativo é utilizado para descrever o conteúdo de uma imagem, ele é inserido através do atributo alt na tag <img>. Além de auxiliar o usuário em situações, como um erro no carregamento da imagem devido a uma conexão ruim ou até um erro na url da imagem, é também de suma importância para os deficientes visuais. Visto que é pela descrição da imagem que os cegos conseguem identificar do que se trata o “gráfico” (nome dado pelos leitores de tela para sinalizar que naquele local existe uma imagem, mesmo quando não existe o alt na tag <img>).

• O atributo alt é obrigatório para todas as tags img, e um atributo alt vazio é completamente válido. 
• Os leitores de tela informam ao usuário que uma tag <img> é uma imagem, portanto não há necessidade de ser redundante e começar seu alt com "Uma imagem de...", vá direto ao ponto
• A função de uma imagem é tão importante quanto o seu significado: se o seu logotipo criar um link para à página inicial do seu material, o texto alternativo deverá ser algo como “Página inicial” ao invés de “Logotipo”.
• Texto alternativo não é apenas sobre acessibilidade. Às vezes, usuários com conexões lentas desativam as imagens para obter uma experiência mais rápida no navegador. Tenha também esses usuários em mente sempre que você escrever seus atributos alt!