Desenvolvendo Aplicativos Acessíveis em Android

Talk apresentada no Android Meetup SP

Transcript

2. Desenvolvendo aplicativos acessíveis Tornando seu app disponível para todos
3. ◦ Chapter Leader Android na Concrete ◦ Carioca ◦ Passado escrito em PHP Sobre Mim Diego Malone
4. Agenda ◦ O que é acessibilidade? ◦ Tecnologias assistivas ◦ Serviços de acessibilidade ◦ Framework de acessibilidade ◦ Boas práticas ◦ Testes de acessibilidade
5. O que é acessibilidade?
6. O que é acessibilidade? Consegue ler agora?
7. “possibilidade e condição de alcance para utilização, com segurança e autonomia, de espaços, mobiliários, [...] sistemas e tecnologias, [...] por pessoa com deficiência ou com mobilidade reduzida;” Fonte: Lei 13.146/2015 Acessibilidade
8. Na prática
9. A acessibilidade traz benefícios para todos Fonte: https://smartgrowth.org/curb-cut-effect/
10. Daltonismo Fonte: https://bit.ly/2krok27
11. Daltonismo Fonte: https://bit.ly/2krok27
12. Daltonismo Fonte: https://bit.ly/2krok27
13. Canhotos Fonte: https://bit.ly/2jV8Pz5
14. Canhotos Fonte: https://bit.ly/2jTyPLe Fonte: https://amzn.to/2jWjedU
15. Tipos de deficiência ◦ Permanente, temporária ou situacional • Toque • Visão • Audição • Fala Fonte: https://www.microsoft.com/design/inclusive/
16. Tipos de deficiência Toque Um braço Braço Imobilizado Filho pequeno
17. Tipos de deficiência Visão Cego Catarata Dirigindo
18. Tipos de deficiência Audição Surda Infecção de ouvido Bartender
19. Tipos de deficiência Fala Mudo Laringite Sotaque
20. Pessoas com deficiência no Brasil 45,6 milhões de pessoas 23% da população brasileira E o quanto consideramos essas pessoas no desenvolvimento dos nossos aplicativos? Fonte: Censo 2010
21. “[...] A menos que você tome uma decisão geral de que as pessoas com deficiências não façam parte do seu público, realmente não pode dizer que seu site é usável a menos que seja acessível.” Steve Krug Fonte: Não me faça pensar, 2014
22. Usabilidade? Fonte: https://bit.ly/2koj6nC
23. Tecnologias Assistivas
24. Lookout https://www.youtube.com/watch?v=k1mz7b-A22c
25. Chord Assist http://bit.ly/chord-assist
26. Live Caption https://www.youtube.com/watch?v=hPv1PkjJ-J0
27. Live Transcribe
28. Serviços de Acessibilidade
29. Talkback Provê o feedback do que está na tela por áudio.
30. Ativando o Talkback
31. Ativando o Talkback Segurar por 3 segundos Tocar 3 vezes
32. Navegação no Talkback Voltar Home Apps Recentes Pesquisa Navegação Scroll Toque Simples: Seleção Toque Duplo: Realiza ação
33. Dica útil para o Talkback
34. Dica útil para o Talkback
35. Hands on!
36. Dica útil para o Talkback Configurações de desenvolvedor -> Ativar depuração da árvore de nós Configurações de desenvolvedor -> Registrar nível de saída -> VERBOSE Gestos -> Definir um gesto para imprimir árvore de nós
37. Voice Access Fonte: https://engt.co/2kqDBjz
38. Switch Access Fonte: https://bit.ly/2jZ1nmL Fonte: https://bit.ly/2ko8EfZ
39. Brailleback Fonte: http://innovisiontech.co/
40. Diversos outros serviços ◦ Selecionar para ouvir ◦ Ampliação ◦ Tamanho da fonte/exibição ◦ Correção/inversão de cor ◦ Amplificador de som ◦ Texto em alto contraste
41. Framework de Acessibilidade
42. Accessibility Framework View View View AccessibilityEvent AccessibilityNodeInfo Serviço de Acessibilidade
43. Accessibility Framework
44. Accessibility Framework
45. Accessibility Framework ◦ Todos os widgets suportam nativamente ◦ CustomViews devem disponibilizar manualmente • Limites da view • Descrição • Ações suportadas
46. Boas práticas
47. WCAG 2.1 ◦ Guia de recomendações amplamente utilizado ◦ https://guia-wcag.com/
48. Não dependa apenas de cores Não Sim
49. Tamanho mínimo da área de toque 48dp x 48dp Distância de 8dp
50. Use SP para textos
51. Use SP para textos
52. Descrição de conteúdo
53. Descrição de conteúdo Quando a imagem é apenas ilustrativa
54. Descrição de conteúdo Não indique estado ou tipo de elemento no texto de descrição
55. F Contraste de cores Garanta um contraste suficiente entre a cor de fundo e a cor do texto https://contrastchecker.com P
56. Ordem de leitura Garanta uma navegação consistente 1 2 3 4 5
57. Agrupar leitura
58. Agrupar leitura
59. Updates de tela Atenção para a quebra da leitura atual para realizar o anúncio Dê preferência para Live Regions, que podem ser anunciados de maneira polite
60. Testes de acessibilidade
61. Tipos de testes ◦ Testes manuais ◦ Testes automatizados ◦ Testes com usuários
62. Testes manuais ◦ Navegue pelo app com o Talkback ◦ Configure a acessibilidade com fontes e exibição maiores
63. Espresso Ativado com apenas uma linha de código Tem bug no 3.2.0, mas funciona no 3.1.0
64. Espresso
65. Testes com usuários ◦ A melhor forma de verificar se está tudo certo ◦ É possível aprender como o usuário utiliza o app
66. E por onde começar?
67. Os principais problemas ◦ Falta de descrição do conteúdo ◦ Área de toque muito pequena ◦ Contraste inadequado
68. Accessibility Scanner https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor
69. Hands on!
70. Não deixe para última hora Nem deixe de fazer
71. Empatia
72. Links ◦ https://developer.android.com/guide/topics/ui/accessibility ◦ https://material.io/design/usability/accessibility.html#hierarchy ◦ http://acessibilida.de/ ◦ https://medium.com/android-dev-br/acessibilidade-para-aplica%C3%A7%C3%B5es-android-b461da054a15 ◦ https://estudoinclusivo.com.br/ ◦ https://concrete.com.br/2019/03/18/acessibilidade/ ◦ http://www.sidi.org.br/guiadeacessibilidade/index.html#testadores_estrategia ◦ https://www.microsoft.com/design/inclusive/
73. Perguntas? Obrigado! Estou nas redes sociais @diegomalone
74. NÓS MOVEMOS O MUNDO. Centro Av. Presidente Wilson, 231 29º andar (21) 2240-2030 Cidade Monções Av. Nações Unidas, 11.541 3º andar (11) 4119-0449 Savassi Av. Getúlio Vargas, 671 Sala 800 - 8º andar (31) 3360-8900 Ilha do Leite Rua Sen. José Henrique, 224 2º andar (81) 3018-6299 WWW.CONCRETE.COM.BR