Espiral InterativaAcessibilidade 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.

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

Definição de acessibilidade

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

Tim Berners-Lee, inventor da web

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• Nã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_preliminares.shtm

Por que devo me preocupar?

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 2012Regulamenta 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

Legislação relativa a acessibilidade

Decreto Nº 6.949, de 25 de agosto de 2009Promulga 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

Legislação relativa a acessibilidade

• 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.

Barreiras – Quem enfrenta?

"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).

Tecnologias Assistivas

Tecnologias Assistivas

Foto ilustrativa de utilização do IntegraMouse

Foto ilustrativa de mouse diferenciado

Tecnologias Assistivas

Foto que mostra a utilização de um ampliador de tela

Foto de mouse em formato de joystick

Tecnologias Assistivas

Foto com teclado colorido, com teclas maiores, teclas coloridas e em padrão não QWERTY

Foto de mouse trackball

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)

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)

Tecnologias Assistivas

Mobilidade Reduzida

Entendendo as barreiras

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

IIma

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.

Exemplo de problema

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

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.

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.

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).

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.

Exemplo de problema

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

• Semântica• Links não intuitivos• Grande quantidade de links sem atalhos• Inacessibilidade na navegação por teclado• Formulários• Utilização de frames• Frases e textos que fazem referências direcionais• 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

Principais problemas

Baixo contraste

• 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

Recomendações

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

Ambientes Virtuais de Aprendizagem

• Documentos MS Word acessíveis (Em Inglês)http://webaim.org/techniques/word/

• Documentos PDF acessíveishttp://www.adobe.com/enterprise/accessibility/pdfs/acro6_pg_ue.pdf

• Apresentações em PowerPoint acessíveishttp://webaim.org/techniques/powerpoint/

Criando documentos acessíveis

espiralinterativa.com@agencia_espiralfacebook.com/espiralinterativa

Rodrigo Leme de Mellorodrigo@espiralinterativa.com@lemerodrigo11 3641 3146

Obrigado! :)