accessible_forward
accessibility_new

Motivação

Este site tem como objetivo servir de guideline para boas práticas de acessibilidade, apresentando pontos cruciais, padrões para suporte e inclusão e o público alvo de cada iniciativa. Mas, primeiro, que tal entendermos sobre acessibilidade na Web?

Acessibilidade na Web

A expressão acessibilidade Web refere-se a prática inclusiva de fazer websites que possam ser utilizados por todas as pessoas que tenham deficiência ou não. Quando os sites são corretamente concebidos, desenvolvidos e editados, todos os usuários podem ter igual acesso à informação e funcionalidade.

Leis e Decretos

Acessibilidade é um direito e dever! Desde 2004 há um decreto que torna obrigatório que todos os portais e sites dos órgãos da administração pública atendam aos padrões de acessibilidade digital. Depois disso, vários decretos, portarias e até uma lei – a Lei de Acesso à Informação Nº 12.527, de novembro de 2011 - trataram do tema, abrangendo todos os sites e não apenas os governamentais. No dia 06 de julho de 2015 foi sancionada a Lei Brasileira de Inclusão da Pessoa com Deficiência (Lei 13.146) que torna obrigatória a acessibilidade nos sítios da internet mantidos por empresas com sede ou representação comercial no País ou por órgãos de governo. Mas, mesmo existindo a legislação, isso não foi suficiente para que de fato a situação tenha sido resolvida até hoje.

Para mais informações, acesse o site Acesso para Todos.

Benefícios da Acessibilidade na Web

Pontos cruciais e públicos

Nesta seção, iremos averiguar algumas das iniciativas acessíveis que podemos inserir em Sistemas Web e Sites. É possível scrollar (rolar) um conteúdo de cada caixa!

dvr

Leitores de Tela

Os leitores de tela são muito importantes para pessoas que possuam deficiência visual. O programa percorre textos e imagens lendo em voz alta tudo que é possível encontrar na tela. Assim como operações que o usuário realiza.

Como funciona:

1. Lendo toda a página (navegação com as setas)

2. Lendo os links (navegação com a tecla TAB)

3. Lendo os cabeçalhos (navegação com a tecla H)

Softwares mais comuns:

1. Jaws (Windows - Pago)

2. NVDA (Windows - Gratuito)

3. Orca (Linux - Gratuito)

4. VoiceOver (Apple - Gratuito)

waving_hand

Hand Talk

O Hand Talk é um aplicativo gratuito para celulares Android e iPhone (iOS) que permite traduzir textos em Libras (Língua Brasileira de Sinais). A ferramenta usa um avatar digital, interpretado pelo personagem Hugo, para desenvolver os gestos e facilitar a comunicação com pessoas surdas ou com dificuldade auditiva.

article

Texto Alternativo

Todas as informações de uma página devem ser apresentadas em texto. Isso significa que, se for usada outra mídia, como imagens e sons, as informações que elas contêm devem estar trasncritas e equivalente aos elementos disponibilizados, ou seja, em uma imagem de um cachorro correndo no jardim, devemos utilizar o alt dizendo exatamente isso!

keyboard

Navegar pelo Teclado

A navegação pelo teclado é muito utilizada por pessoas com deficiência visual ou motora (pessoas que possuem baixa ou nenhuma destreza/coordenação motora)

Podemos utilizar teclas de atalho do próprio navegador, teclas do leitor de tela ou outras tecnologias assistivas e até atalhos criados por desenvolvedores.

contrast

Contrastes

Nem todas as pessoas percebem as cores da mesma maneira, por isso precisamos sempre pensar no contraste, cor de textos e de fundo.

Cores que não combinam podem não permitir a legibilidade do conteúdo. Cores devem ser distinguíveis para daltônicos, ter ícones representativos, ser acompanhada de outras informações a fim de que a mensagem seja entendida para quem não enxergar apenas a cor.

text_format

Tamanhos de Fonte

Mesmo pessoas que não sofrem de nenhuma problema visual grande podem ter dificuldades de ler se o tamanho da fonte for muito reduzido. Sempre utilize fontes legíveis e, se seu site não foi pensado com fontes grandes, procure permitir alterem o tamanho da fonte do seu conteúdo, isso beneficia idosos, míopes e pessoas com determinadas deficiências visuais.