Acessibilidade na Web - edted2010

610 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
610
On SlideShare
0
From Embeds
0
Number of Embeds
342
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Acessibilidade na Web - edted2010

  1. 1. Acessibilidade na Web – 10 de abril de 2010 – EDTED – São Paulo Acessibilidade na web Reinaldo Ferraz – NIC.br EDTED – 2010 Abril de 2010
  2. 2. Acessibilidade na web: A quem se destina?
  3. 3. Acessibilidade na web: A quem se destina? Cegos – Daltônicos - Baixa visão Foto: everystockphoto.com - namida-k
  4. 4. Acessibilidade na web: A quem se destina? Surdos Foto: everystockphoto.com - jessicafm
  5. 5. Acessibilidade na web: A quem se destina? Mobilidade reduzida
  6. 6. Acessibilidade na web: A quem se destina? Acessibilidade é para todos !
  7. 7. Acessibilidade na web: A quem se destina? Usuários de Dispositivos Móveis Foto: everystockphoto.com -bartimaeus-
  8. 8. Acessibilidade na web: A quem se destina? Deficiência temporária Foto: Flickr.com - Tuftronic10000
  9. 9. Acessibilidade na web: A quem se destina? Medo de usar o computador Foto: everystockphoto.com - Violator3
  10. 10. Acessibilidade na web: A quem se destina? 53% Falta de habilidade com o computador/internet Fonte: Pesquisa TIC Domicílios 2009 – CGI.br Pessoas que nunca acessaram a internet, mas usaram um computador. Motivos pelos quais nunca utilizou a internet
  11. 11. Acessibilidade na web: A quem se destina? Início de aprendizado Nosso primeiro contato
  12. 12. Acessibilidade na web: A quem se destina? Idade Avançada Nós, daqui alguns anos Foto: Flickr.com - Jacob Bøtter
  13. 13. Já testou o seu site? Vídeo Arquitetura inclusiva Foto: Flickr.com - Baddog_
  14. 14. Já testou o seu site? Acessível via teclado Foto: Flickr.com - Baddog_
  15. 15. Já testou o seu site?
  16. 16. Já testou o seu site? João é tetraplégico Foto de Maíra Soares (cortesia Horácio Soares)
  17. 17. Já testou o seu site? Vídeos com legendas
  18. 18. Já testou o seu site? Michele é surda
  19. 19. Já testou o seu site? Sem CSS e imagens Foto: Flickr.com - Baddog_
  20. 20. Já testou o seu site? Ou mesmo sem monitor
  21. 21. Já testou o seu site? Leda é cega (cortesia Horácio Soares)
  22. 22. Já testou o seu site? De acordo com o Censo 2000: - 14,5% da população brasileira (mais de 24 milhões) era portadora de, pelo menos, uma das deficiências investigadas pela pesquisa. - Em 2000, existiam 148 mil pessoas cegas e 2,4 milhões com grande dificuldade de enxergar - O número de surdos no Brasil era de 166.400. Além disso, cerca de 900 mil pessoas declararam ter grande dificuldade permanente de ouvir. - Pessoas com tetraplegia, paraplegia ou hemiplegia permanente são mais de 937 mil e com falta de um membro mais de 478 mil. Fonte: IBGE - http://www.ibge.gov.br/home/presidencia/noticias/27062003censo.shtm
  23. 23. Quais as vantagens de um site acessível?
  24. 24. Quais as vantagens de um site acessível? Convencer seu cliente
  25. 25. Quais as vantagens de um site acessível?
  26. 26. Quais as vantagens de um site acessível? Custo baixo no início do projeto Foto: everystockphoto.com - fluzo
  27. 27. Quais as vantagens de um site acessível? O site fica mais fácil de usar Foto: everystockphoto.com -James Gordon
  28. 28. Quais as vantagens de um site acessível? Manutenção mais rápida e barata Foto: everystockphoto.com -James GordonFoto: everystockphoto.com - lusi
  29. 29. Quais as vantagens de um site acessível? Melhor performance
  30. 30. Quais as vantagens de um site acessível? Vantagem sobre a concorrência Foto: everystockphoto.com - Bill Tracey
  31. 31. Já testou o seu site? Vídeo O mundo adaptado Foto: Flickr.com - Baddog_
  32. 32. Site Cego W3C www.w3c.br/3-dezembro
  33. 33. Site Cego W3C www.w3c.br/3-dezembro
  34. 34. Site Cego W3C www.w3c.br/3-dezembro
  35. 35. Site Cego W3C www.w3c.br/3-dezembro
  36. 36. Aplicando acessibilidade O caminho para a acessibilidade na web Foto: everystockphoto.com - Colin Gregory Palmer
  37. 37. Aplicando acessibilidade Web Content Accessibility Guidelines (WCAG) Versão 1.0 – 5 de maio de 1999 www.w3.org/TR/WCAG10/ Versão 2.0 – 11 de dezembro de 2008 www.w3.org/TR/WCAG/
  38. 38. Aplicando acessibilidade <img src="foto.jpg" alt="" /> <img src="foto.jpg" alt="" />
  39. 39. Aplicando acessibilidade <img src="foto.jpg" alt=“Foto das teclas W, 3 e C fora do teclado" /> <img src="foto.jpg" alt=“Foto das teclas W, 3 e C fora do teclado" />
  40. 40. Aplicando acessibilidade Utilizar padrões web www.w3.org
  41. 41. Aplicando acessibilidade
  42. 42. Mitos Site acessível é feio Padrões Web limitam o design Foto: Flickr.com - Patrick Q
  43. 43. http://www.csszengarden.com/ Foto: Flickr.com - Patrick Q
  44. 44. http://www.csszengarden.com/ Foto: Flickr.com - Patrick Q
  45. 45. http://www.csszengarden.com/ Foto: Flickr.com - Patrick Q
  46. 46. http://www.csszengarden.com/ Foto: Flickr.com - Patrick Q
  47. 47. http://www.csszengarden.com/ Foto: Flickr.com - Patrick Q
  48. 48. Aplicando acessibilidade Usabilidade Foto: everystockphoto.com - quinet
  49. 49. Aplicando acessibilidade Facilidade de uso Foto: everystockphoto.com - michael morel
  50. 50. Aplicando acessibilidade Rótulos de formulários associados respectivos campos Aciona aqui Clicando aqui
  51. 51. Aplicando acessibilidade Um logo com link para a página principal Voltar para a página principal
  52. 52. Aplicando acessibilidade Não sublinhar conteúdo que é link Isso aqui não é link? Nossa empresa informa de maneira clara e direta que as funções delegadas a seus funcionários deverão ser cumpridas integralmente.
  53. 53. Aplicando acessibilidade Conteúdo
  54. 54. Aplicando acessibilidade Escrever é a arte de cortar palavras Então, Resuma!
  55. 55. Aplicando acessibilidade Arquitetura da Informação Foto: everystockphoto.com - Andre Charland
  56. 56. Aplicando acessibilidade Eletrodomésticos ou Eletroportáteis? Foto: everystockphoto.com - bcmom
  57. 57. Aplicando acessibilidade Menos é (muito) mais!
  58. 58. Aplicando acessibilidade Foto: everystockphoto.com - bcmom
  59. 59. Princípios do W3C Web para todos, em qualquer dispositivo, em qualquer lugar, segura e confiável! Foto: everystockphoto.com - woodleywonderworks
  60. 60. Acessibilidade é isso! Porque sou diferente dos outros? Foto: everystockphoto.com - txd
  61. 61. Acessibilidade é isso! Porque você tem que ser igual aos outros? Foto: everystockphoto.com - txd
  62. 62. Obrigado! Reinaldo Ferraz NIC.br reinaldo@nic.br Twitter: @reinaldoferraz

×