coralay / accessibility

1 - Código HTML semântico e com texto alternativo para imagens
2 - Bom contraste entre fonte e fundo
3 - Menu de acessibilidade com as features
3.1 - Alterar cores para daltonismo
3.2 - Aumento de zoom

---

INTRODUÇÃO

O que é acessibilidade?

No senso comum, acessibilidade parece evidenciar os aspectos referentes ao uso dos espaços físicos. Entretanto, numa acepção mais ampla, a acessibilidade é condição de possibilidade para a transposição dos entraves que representam as barreiras para a efetiva participação de pessoas nos vários âmbitos da vida social.

Com quem queremos conversar? Segundo informações da CNN, o Brasil tem mais de 17,3 milhões de pessoas acima de 2 anos de idade com algum tipo de deficiência, quase metade dessa parcela (49,2%) é de idosos.

A pesquisa também detalha que da população acima de 2 anos de idade com deficiência no Brasil:

• 3,8% Deficiência física nos membros inferiores
• 3,4% Deficiência visual
• 2,7% Deficiência física nos membros superiores
• 1,2% Deficiência intelectual
• 1,1% Deficiência auditiva

Falando especificamente da deficiência visual em âmbito global, temos um total estimado de 253 milhões de pessoas.

Esses dados evidenciam que existe muito trabalho a ser feito tanto em questões sociais quanto de mercado, desenvolver uma aplicação acessível não é só cumprir uma missão de inclusão social, mas também potencializar as possibilidades de negócio.

---

DALTONISMO

Nem todo mundo enxerga as cores da mesma maneira. Segundo a Organização Mundial da Saúde, há no mundo cerca de 350 milhões de pessoas que não conseguem perceber ou diferenciar algumas cores devido a um distúrbio na visão. Estima-se que haja 8 milhões de brasileiros e brasileiras com essa disfunção e é preciso levar isso em conta na hora de criar visualizações de dados, como gráficos, tabelas e mapas.

Pessoas com daltonismo enfrentam barreiras de acessibilidade e essas barreiras existem em situações nas quais apenas cores são utilizadas para transmitir uma mensagem ou quando o contraste entre elas não é bom o suficiente, fazendo com que alguns elementos simplesmente não sejam percebidos por quem tem esse tipo de deficiência. As cores também variam de acordo com o modo de acesso, que pode ser um leitor digital de livros em preto e branco, uma tela de computador com configuração de cor alterada, etc. Por isso é importante buscar estratégias que facilitem o entendimento de visualizações de dados, independentemente das cores utilizadas.

---

DICAS PARA DEIXAR O SEU SITE MAIS ACESSÍVEL:

• USE PALETAS COM CORES CONTRASTANTES

Usamos e continuaremos usando cores em nossas visualizações. Para isso, é importante escolher cores que tenham contraste suficiente para o máximo possível de pessoas. Em geral, devemos evitar combinações entre:
• Vermelho & Verde
• Verde & Marrom
• Verde & Azul
• Azul & Cinza
• Azul & Roxo
• Verde & Cinza
• Verde & Preto

Algumas ferramentas on-line ajudam a escolher cores com contraste adequado:
• WebAIM Color Contrast Checker
• Check My Colours
• ColorBrewer 3.0
• Coolors

A Adobe, gigante desenvolvedora de softwares disponibiliza gratuitamente uma ferramenta para trabalharmos possibilidades de harmonização de cores incluindo outros tipos de harmonização como a monocromática (utilizando apenas um matiz de cor com intensidades diferentes), quadrada, composta e mais algumas variações bastante interessantes para que possamos pensar nossas produções.

---

Surdo/Mudo (Não alfabetizado)

Vivemos em um mundo tecnológico, no qual é muito difícil não estarmos conectados a todo o momento, seja em nossos celulares, notebooks ou nos mais diversos produtos. Por conta da frequência de acessos que temos a eles, estamos habituados a lidar com aplicativos ou plugins que facilitam a nossa vida virtual. Falando sobre facilidades e ainda sobre a acessibilidade na web, o assunto de hoje é sobre um aplicativo para sites, que facilita o acesso das pessoas com deficiência auditiva, os surdos, a navegarem em conteúdos escritos apenas em português.

Para resolver esses problema, pode-se usar ferramentas como:
• Handtalk
• ProDeaf Weblibras
• Próprio site do Governo