Espiral Interativa                                  Acessibilidade Digital                                Rodrigo Leme (@l...
Definição de acessibilidadeCondição para utilização, com segurança e autonomia, total ou assistida,dos espaços, mobiliário...
Tim Berners-Lee, inventor da web"O poder da web está em suauniversalidade. Ser acessada por todos,independente de deficiên...
Por que devo me preocupar?Dados do Censo 2010 - Pessoas com deficiência no Brasil• 24% possui uma ou mais deficiência, ou...
Legislação relativa a acessibilidadeLei de Acesso à Informação - Nº 12.527, de 18 de Novembro de 2011Art. 8º § 3º VIII - a...
Legislação relativa a acessibilidadeDecreto Nº 6.949, de 25 de agosto de 2009Promulga a Convenção Internacional sobre os D...
Barreiras – Quem enfrenta?• Todos, sem exceções (nós, nossos filhos, nossos pais e nossos avós).• Pessoas com deficiência ...
Tecnologias Assistivas "uma ampla gama deequipamentos, serviços,estratégias e práticasconcebidas e aplicadaspara minorar o...
Tecnologias Assistivas                             Foto ilustrativa de utilização do                             IntegraMo...
Tecnologias Assistivas                                   Foto que mostra a utilização de                                  ...
Tecnologias Assistivas                                Foto com teclado colorido, com                                teclas...
Tecnologias AssistivasLeitores de tela são softwares utilizados por cegos, mas também podem serusados por dislexos.Os prin...
Tecnologias AssistivasLIBRAS (Linguagem Brasileira de Sinais)• Segundo o Censo de 2000, 30% dos surdos são alfabetizados “...
Entendendo as barreirasMobilidade ReduzidaQual será a experiência ao acessar um site com ummenu de navegação igual ao da f...
Exemplo de problemaImagem capturada do site atual da TetraPak que tem um menu expansível não operávelpor teclado, com prob...
Exemplo de problemaImagem com vários exemplos de utilização de Captcha, um grande vilão da acessibilidade.
Exemplo de problemaCaptura parcial de tela do portal UOL. Apresenta diversos problemas de acessibilidade.Entre eles o reca...
Exemplo de problemaCaptura parcial de tela do portal R7. Apresenta diversos problemas de acessibilidade. Aquiconstatamos o...
Exemplo de problemaCaptura parcial de tela do site do MEC. Destaque rotativo com uma imagem sem descriçãotextual, com baix...
Exemplo de problemaCaptura parcial de tela do site da UFRJ. Banner cobrindo conteúdo. Menu expansívelinacessível por tecla...
Exemplo de problemaCaptura parcial de tela de entrada do EAD da Metodista. Problemas na identificação doidioma correto.
Principais problemas• Semântica• Links não intuitivos• Grande quantidade de links sem atalhos• Inacessibilidade na navegaç...
Recomendações• WCAG 2.0 (Guia de recomendações do W3C reconhecido pelo ISO)http://www.w3.org/TR/WCAG/ (Oficial)http://www....
Ambientes Virtuais de AprendizagemMoodle e BlackBoardLíderes mundiais, com muitas ações em relação a acessibilidade e aces...
Criando documentos acessíveis• Documentos MS Word acessíveis (Em Inglês)http://webaim.org/techniques/word/• Documentos PDF...
Obrigado! :)Rodrigo Leme de Mellorodrigo@espiralinterativa.com@lemerodrigo11 3641 3146                 espiralinterativa.c...
Upcoming SlideShare
Loading in …5
×

Acessibilidade Digital (19/02/2013)

484 views
392 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
484
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Acessibilidade Digital (19/02/2013)

  1. 1. Espiral Interativa Acessibilidade Digital Rodrigo Leme (@lemerodrigo)Agência especializada em terceiro setor eacessibilidade. Ganhadora do prêmio Todos@Web2012 – W3C Brasil com o projeto Vida Mais Livre,primeiro portal dedicado para pessoas comdeficiência.
  2. 2. Definição de acessibilidadeCondição para utilização, com segurança e autonomia, total ou assistida,dos espaços, mobiliários e equipamentos urbanos, das edificações, dosserviços de transporte e dos dispositivos, sistemas e meios decomunicação e informação, por pessoa com algum tipo de deficiência oumobilidade reduzida.Essa definição foi extraída do Decreto Nº 5.296 de 2 de dezembro de2004, Capítulo III, Art. 8º, item I.http://www.planalto.gov.br/ccivil_03/_ato2004-2006/2004/decreto/d5296.htm
  3. 3. Tim Berners-Lee, inventor da web"O poder da web está em suauniversalidade. Ser acessada por todos,independente de deficiência, é um aspectoessencial.”
  4. 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_preliminares.shtm
  5. 5. Legislação relativa a acessibilidadeLei de Acesso à Informação - Nº 12.527, de 18 de Novembro de 2011Art. 8º § 3º VIII - adotar as medidas necessárias para garantir a acessibilidade deconteú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 dasPessoas com Deficiência, aprovada pelo Decreto Legislativo no 186, de 9 de julhode 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
  6. 6. Legislação relativa a acessibilidadeDecreto Nº 6.949, de 25 de agosto de 2009Promulga a Convenção Internacional sobre os Direitos das Pessoas com Deficiência e seuProtocolo 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 respectivoProtocolo Facultativo foram ratificados pelo Congresso Nacional em 09/07/2008 pelodecreto 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, tornandoobrigatória e crime de discriminação qualquer informação na internet não acessível paraqualquer tipo de deficiência e a qualquer categoria de portal ou site, de empresa privadaou governamental.Fonte: http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/legislacao
  7. 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. 8. Tecnologias Assistivas "uma ampla gama deequipamentos, serviços,estratégias e práticasconcebidas e aplicadaspara minorar osproblemas encontradospelos indivíduos comdeficiências”(Cook e Hussey • Assistive Technologies:Principles and Practices • Mosby – YearBook, Inc., 1995).
  9. 9. Tecnologias Assistivas Foto ilustrativa de utilização do IntegraMouse Foto ilustrativa de mouse diferenciado
  10. 10. Tecnologias Assistivas Foto que mostra a utilização de um ampliador de tela Foto de mouse em formato de joystick
  11. 11. Tecnologias Assistivas Foto com teclado colorido, com teclas maiores, teclas coloridas e em padrão não QWERTY Foto de mouse trackball
  12. 12. Tecnologias AssistivasLeitores de tela são softwares utilizados por cegos, mas também podem serusados 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. 13. Tecnologias AssistivasLIBRAS (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. 14. Entendendo as barreirasMobilidade ReduzidaQual será a experiência ao acessar um site com ummenu de navegação igual ao da figura contida nopróximo slide?
  15. 15. Exemplo de problemaImagem capturada do site atual da TetraPak que tem um menu expansível não operávelpor teclado, com problemas de usabilidade e acessibilidade. IIma
  16. 16. Exemplo de problemaImagem com vários exemplos de utilização de Captcha, um grande vilão da acessibilidade.
  17. 17. Exemplo de problemaCaptura 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. 18. Exemplo de problemaCaptura parcial de tela do portal R7. Apresenta diversos problemas de acessibilidade. Aquiconstatamos o excesso de informações, grande poluição visual, recarregamentoautomático, entre outros.
  19. 19. Exemplo de problemaCaptura parcial de tela do site do MEC. Destaque rotativo com uma imagem sem descriçãotextual, com baixo contraste e com um link não intuitivo (Saiba mais sobre o pacto).
  20. 20. Exemplo de problemaCaptura parcial de tela do site da UFRJ. Banner cobrindo conteúdo. Menu expansívelinacessível por teclado e com mouseover.
  21. 21. Exemplo de problemaCaptura parcial de tela de entrada do EAD da Metodista. Problemas na identificação doidioma correto.
  22. 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. 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. 24. Ambientes Virtuais de AprendizagemMoodle e BlackBoardLí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. 25. Criando documentos acessíveis• 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/
  26. 26. Obrigado! :)Rodrigo Leme de Mellorodrigo@espiralinterativa.com@lemerodrigo11 3641 3146 espiralinterativa.com @agencia_espiral facebook.com/espiralinterativa

×