Este documento discute a importância da acessibilidade digital e fornece diretrizes sobre como criar conteúdo acessível. Ele destaca que 24% da população brasileira possui algum tipo de deficiência e que a web deve ser acessível a todos. O documento também apresenta exemplos de problemas de acessibilidade em sites e recomenda seguir as diretrizes WCAG e e-MAG para criar conteúdo digital inclusivo.

1. Espiral Interativa
Acessibilidade Digital
Rodrigo Leme (@lemerodrigo)
Agência especializada em terceiro setor e
acessibilidade. Ganhadora do prêmio Todos@Web
2012 – W3C Brasil com o projeto Vida Mais Livre,
primeiro portal dedicado para pessoas com
deficiência.

2. Definição de acessibilidade
Condição para utilização, com segurança e autonomia, total ou assistida,
dos espaços, mobiliários e equipamentos urbanos, das edificações, dos
serviços de transporte e dos dispositivos, sistemas e meios de
comunicação e informação, por pessoa com algum tipo de deficiência ou
mobilidade reduzida.
Essa definição foi extraída do Decreto Nº 5.296 de 2 de dezembro de
2004, Capítulo III, Art. 8º, item I.
http://www.planalto.gov.br/ccivil_03/_ato2004-2006/2004/decreto/d5296.htm

3. Tim Berners-Lee, inventor da web
"O poder da web está em sua
universalidade. Ser acessada por todos,
independente de deficiência, é um aspecto
essencial.”

4. Por que devo me preocupar?
Dados do Censo 2010 - Pessoas com deficiência no Brasil
• 24% possui uma ou mais deficiência, ou seja, 45.623.910
• Deficiência visual: 35.791.488
• o consegue enxergar de modo algum: 528.624
• Enxerga com grande dificuldade: 6.056.684
• Pessoas com deficiência motora: 13.273.969 (4,4 milhões com
deficiência severa)
• Surdos: 344 mil (2,1 milhões com deficiência severa)
Fonte:
http://www.ibge.gov.br/home/estatistica/populacao/censo2010/resultados_preliminares/default_resultados_prelim
inares.shtm

5. Legislação relativa a acessibilidade
Lei de Acesso à Informação - Nº 12.527, de 18 de Novembro de 2011
Art. 8º § 3º VIII - adotar as medidas necessárias para garantir a acessibilidade de
conteúdo para pessoas com deficiência, nos termos do art. 17 da Lei no 10.098,
de 19 de dezembro de 2000, e do art. 9o da Convenção sobre os Direitos das
Pessoas com Deficiência, aprovada pelo Decreto Legislativo no 186, de 9 de julho
de 2008.
Decreto Nº 7.724, de 16 de Maio de 2012
Regulamenta a Lei Nº 12.527, que dispõe sobre o acesso a informações.
Fonte: http://www.planalto.gov.br/ccivil_03/_Ato2011-2014/2011/Lei/L12527.htm

6. Legislação relativa a acessibilidade
Decreto Nº 6.949, de 25 de agosto de 2009
Promulga a Convenção Internacional sobre os Direitos das Pessoas com Deficiência e seu
Protocolo Facultativo, assinados em Nova York, em 30 de março de 2007.
A Convenção sobre os Direitos das Pessoas com Deficiência (30/03/2007) e seu respectivo
Protocolo Facultativo foram ratificados pelo Congresso Nacional em 09/07/2008 pelo
decreto legislativo nº 186/2008 e todos os seus artigos são de aplicação imediata.
A acessibilidade na internet foi contemplada nos artigos 9 e 21 da Convenção, tornando
obrigatória e crime de discriminação qualquer informação na internet não acessível para
qualquer tipo de deficiência e a qualquer categoria de portal ou site, de empresa privada
ou governamental.
Fonte: http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/legislacao

7. Barreiras – Quem enfrenta?
• Todos, sem exceções (nós, nossos filhos, nossos pais e nossos avós).
• Pessoas com deficiência que podem ser agrupadas em quatro grandes áreas:
Visual, Motora, Intelectual e Auditiva.

8. Tecnologias Assistivas
"uma ampla gama de
equipamentos, serviços,
estratégias e práticas
concebidas e aplicadas
para minorar os
problemas encontrados
pelos indivíduos com
deficiências”
(Cook e Hussey • Assistive Technologies:
Principles and Practices • Mosby – Year
Book, Inc., 1995).

9. Tecnologias Assistivas
Foto ilustrativa de utilização do
IntegraMouse
Foto ilustrativa de mouse
diferenciado

10. Tecnologias Assistivas
Foto que mostra a utilização de
um ampliador de tela
Foto de mouse em formato de
joystick

11. Tecnologias Assistivas
Foto com teclado colorido, com
teclas maiores, teclas coloridas
e em padrão não QWERTY
Foto de mouse trackball

12. Tecnologias Assistivas
Leitores de tela são softwares utilizados por cegos, mas também podem ser
usados por dislexos.
Os principais leitores de tela do mercado:
• Jaws ($895 - $1095)
• NVDA (NonVisual Desktop Access) – Free e Open Source
• Virtual Vision (Brasileiro e não gratuito)
• TalkBack (Nativo Android)
• VoiceOver (Nativo IOS)

13. Tecnologias Assistivas
LIBRAS (Linguagem Brasileira de Sinais)
• Segundo o Censo de 2000, 30% dos surdos são alfabetizados “apenas” em LIBRAS
• LIBRAS é Brasileira. Não pode ser entendida por outro surdo que seja alfebetizado na
sua linguagem de sinais local
• Alguns tradutores de libras começam a surgir no mercado (Poli-Libras, Rybena,
HandTalk)

14. Entendendo as barreiras
Mobilidade Reduzida
Qual será a experiência ao acessar um site com um
menu de navegação igual ao da figura contida no
próximo slide?

15. Exemplo de problema
Imagem capturada do site atual da TetraPak que tem um menu expansível não operável
por teclado, com problemas de usabilidade e acessibilidade.
IIma

16. Exemplo de problema
Imagem com vários exemplos de utilização de Captcha, um grande vilão da acessibilidade.

17. Exemplo de problema
Captura parcial de tela do portal UOL. Apresenta diversos problemas de acessibilidade.
Entre eles o recarregamento automático da página sem o consentimento do visitante.

18. Exemplo de problema
Captura parcial de tela do portal R7. Apresenta diversos problemas de acessibilidade. Aqui
constatamos o excesso de informações, grande poluição visual, recarregamento
automático, entre outros.

19. Exemplo de problema
Captura parcial de tela do site do MEC. Destaque rotativo com uma imagem sem descrição
textual, com baixo contraste e com um link não intuitivo (Saiba mais sobre o pacto).

20. Exemplo de problema
Captura parcial de tela do site da UFRJ. Banner cobrindo conteúdo. Menu expansível
inacessível por teclado e com mouseover.

21. Exemplo de problema
Captura parcial de tela de entrada do EAD da Metodista. Problemas na identificação do
idioma correto.

22. Principais problemas
• Semântica
• Links não intuitivos
• Grande quantidade de links sem atalhos
• Inacessibilidade na navegação por teclado
• Formulários
• Utilização de frames
Baixo
• Frases e textos que fazem referências direcionais contraste
• Imagens sem descrição textual
• Vídeos sem legenda, descrição textual, áudiodescrição e LIBRAS
• Baixo contraste
• Definição de idioma
• Modais e Popups
• Menus expansíveis
• Ajax

23. Recomendações
• WCAG 2.0 (Guia de recomendações do W3C reconhecido pelo ISO)
http://www.w3.org/TR/WCAG/ (Oficial)
http://www.ilearn.com.br/TR/WCAG20/ (Versão traduzida não oficial)
• e-MAG 3.0 (Guia de recomendações do governo eletrônio brasileiro)
http://www.governoeletronico.gov.br/acessibilidade
• Checklist baseado no WCAG (Em Inglês)
http://webaim.org/standards/wcag/checklist

24. Ambientes Virtuais de Aprendizagem
Moodle e BlackBoard
Líderes mundiais, com muitas ações em relação a acessibilidade e acessíveis, porém:
• Produtores de conteúdo precisam estar familiarizados com acessibilidade (Correta
descrição de imagens, Produção de documentos acessíveis (apresentações, vídeos,
PDFs, etc)
Dicas para Educadores
• Estude sobre a acessibilidade do sistema que você utiliza
• Sempre coloque descrições textuais em imagens
• Tente navegar usando apenas o teclado
• Se os alunos produzem e compartilham conteúdos, faça uma aula que ensine como
montar materiais acessíveis

25. Criando documentos acessíveis
• Documentos MS Word acessíveis (Em Inglês)
http://webaim.org/techniques/word/
• Documentos PDF acessíveis
http://www.adobe.com/enterprise/accessibility/pdfs/acro6_pg_ue.pdf
• Apresentações em PowerPoint acessíveis
http://webaim.org/techniques/powerpoint/

26. Obrigado! :)
Rodrigo Leme de Mello
rodrigo@espiralinterativa.com
@lemerodrigo
11 3641 3146
espiralinterativa.com
@agencia_espiral
facebook.com/espiralinterativa