Palestra feita no evento Social media Week São Paulo 2014 sobre um breve panorama da acessibilidade nas redes sociais, abordando barreiras das ferramentas e os cuidados que devem ser tomados ao publicar conteúdo nas redes.

1. Panorama da acessibilidade nas redes sociais
Reinaldo Ferraz
W3C Brasil

6. http://conferenciaweb.w3c.br/

7. http://premio.w3c.br/

8. Acessibilidade na Web: A quem se destina?

9. Cegos - daltônicos - baixa visão

10. Deficiência auditiva

11. Deficiência motora

12. Estatísticas
Pessoas com deficiências no Brasil
24%
45.623.910 pessoas
Fonte: Censo 2010

13. Fonte: IBGE
Pessoas com deficiência no Brasil
Fonte: http://www.ibge.gov.br/home/estatistica/populacao/censo2010/resultados_preliminares/default_resultados_preliminares.shtm
Visual: 19% 35.791.488 pessoas
Auditiva: 5% 9.722.163 pessoas
Motora: 7% 13.273.969 pessoas
Cognitiva: 1% 2.617.025 pessoas

14. Estatísticas
No mundo, esse número é aproximadamente
650 milhões pessoas
Fonte: ONU

16. Equívoco
1
Achar que todas as pessoas acessam seu conteúdo da mesma forma

19. http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/

20. http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/

21. http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/

22. http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/

23. Equívoco
2
Pessoas com deficiência são fazem parte do meu público alvo

25. Equívoco
3
Achar que temos controle sobre o usuário

26. Você acha que sabe tudo do seu usuário?

27. NÃO

28. Você não tem controle sobre o seu usuário

34. Equívoco
4
O problema da acessibilidade é (todo) da aplicação
Em partes...

40. Nós também somos responsáveis por publicar conteúdo acessível

41. Acessibilidade deve fazer parte da rotina

42. Dicas para publicar conteúdo acessível

43. Contraste
Ishihara Test

44. Visão normal

45. Protanopia (Deficiências em vermelho)

46. Deuteranopia (Deficiências em verde)

47. Tritanopia (Deficiências em azul)

48. Acromatopsia (Deficiências todas as cores)

52. Imagens

55. Infográfico

58. Vídeos

60. 0:00:00.000,0:00:05.600
O Comitê Gestor da Internet no Brasil, conhecido também pela sigla CGI.br,
0:00:05.700,0:00:11.000
é o responsável por coordenar e integrar todas as iniciativas de serviços Internet no país,
0:00:11.100,0:00:17.000
promovendo a qualidade técnica, a inovação e a disseminação dos serviços ofertados.
0:00:18.000,0:00:19.500
— Mas o que isso significa?
0:00:20.000,0:00:25.000
Na verdade, significa que a governança da Internet no Brasil tem no CGI.br
0:00:25.100,0:00:30.000
a participação das diferentes representações da Sociedade,

61. Interface Web

62. Foto: Flickr.com - Baddog_

63. <a href="menu.php" onmouseover="swapImageOn('menu')" onfocus="swapImageOn('menu')" onmouseout="swapImageOff('menu')" onblur="swapImageOff('menu')">
<img id="menu" src="menu_off.gif" alt="Menu" />
</a>
Princípio 2: Operável
Utilizar o teclado e outras funções específicas do dispositivo

64. Considerando perspectivas
<img />

65. Considerando perspectivas
<img />
<img alt="Foto das teclas W, 3 e C fora do teclado" />

66. Considerando perspectivas
<img />
<img 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" />

67. Princípio 1: Perceptível

68. Exemplos
Em um campo de entrada de texto:
<label for="firstname">First name:</label>
<input type="text" name="firstname" id="firstname">
Em um campo checkbox:
<input type="checkbox" id="markuplang" name="computerskills“>
<label for="markuplang">HTML</label>
Princípio 1: Perceptível

69. Aciona aqui
Clicando aqui

71. Acessibilidade é para todos !

72. Usuários de Dispositivos Móveis
Foto: everystockphoto.com -bartimaeus-

73. Deficiência temporária
Foto: Flickr.com - Tuftronic10000

74. Medo
de usar o computador
Foto: everystockphoto.com - Violator3

75. 70%
Falta de habilidade com o computador/internet
Fonte: Pesquisa TIC Domicílios 2013 – CGI.br
Pessoas que nunca usaram a internet.
Motivos pelos quais nunca utilizou a internet
Fonte: http://www.cetic.br/

76. Início de aprendizado
Nosso primeiro contato

77. Idade Avançada
Nós, daqui alguns anos
Foto: Flickr.com - Jacob Bøtter

78. Aplicando acessibilidade
Web Content Accessibility Guidelines (WCAG)
Versão 1.0 – 5 de maio de 1999
Versão 2.0 – 11 de dezembro de 2008
www.w3.org/TR/WCAG/

79. Perceptível
• Forneça alternativas em texto para o conteúdo não textual.
• Forneça legendas e outras alternativas para multimídia.
• Crie conteúdo que pode ser apresentado de diversas formas, inclusive pelas tecnologias assistivas, sem perder o significado.
• Torne mais fácil para os usuários a ver e ouvir o conteúdo.

80. Operável
• Faça todas as funcionalidades disponíveis a partir de um teclado.
• Dê aos usuários tempo suficiente para ler e usar o conteúdo.
• Não crie conteúdo que provoca convulsões.
• Ajude os usuários a navegar e encontrar conteúdo.

81. Compreensível
• Faça o texto legível e compreensível.
• Faça o conteúdo aparecer e funcionar de forma previsível.
• Ajude os usuários a evitar e corrigir erros.

82. Robusto
• Maximize a compatibilidade com ferramentas de usuário atuais e futuras

83. Web para todos, em qualquer dispositivo, em qualquer lugar, segura e confiável!
Foto: everystockphoto.com - woodleywonderworks

84. Tks
reinaldo@nic.br @reinaldoferraz
w3cbrasil@nic.br
@w3cbrasil
Facebook.com/W3CBrasil