O documento discute práticas modernas de acessibilidade no Android, definindo acessibilidade como a capacidade de fornecer experiências semelhantes para todos os usuários. Ele explica recursos como TalkBack e descreve como nomear elementos, agrupá-los e fornecer navegabilidade para melhorar a experiência dos usuários. Ferramentas como Accessibility Scanner podem ser usadas para checar a acessibilidade.
1. Desenvolvedora Android
Somos Todos Acessíveis: práticas modernas de
acessibilidade no Android
Paula Rosa
http://www.slideshare.net/PaulaCarolinedaRosa/
somos-todos-acessiveis
2. Definindo Acessibilidade
• Qualidade do que é acessível, do que tem acesso. Facilidade,
possibilidade na aquisição, na aproximação.
Oferecer experiências semelhantes a todos
tipos de usuários
3. Definindo Acessibilidade
Acessibilidade = Experiência
“Se seu aplicativo possui uma boa acessibilidade, com
certeza a experiência estará boa também” (Rosa, Paula)
Acessibilidade deve ser parte do processo de desenvolvimento
5. Recursos de Acessibilidade - TalkBack
• é o recurso que mais precisa da atenção do desenvolvedor
• Mais utilizado
• Navega por cada elemento da tela, falando “estado + texto +
tipo de componente” —> “conectar botão”, “não selecionado,
lembrar senha, caixa de seleção"
7. Talkback
2 AÇÕES:
- perceber o muro
- desviar do muro
• Cada componente será falado pelo talkback (botões, listas, spinners, textos, imagens…);
• O usuário faz um mapeamento dos componentes e funcionalidades na mente;
• A partir disto ele pode então decidir as ações que deverá tomar
8. Talkback Gestures
Toque
simples (audio)
duplo (seleciona)
Swipe p/
cima e baixo
(fab)
Swipe duplo p/
cima ou baixo
(scroll)
Swipe p/
lados
troca foco
Atalhos
Back button Context Menu Home Screen Apps recentes Notificações
9. Talkback
• Dar significado aos componentes (nomear);
• Agrupar e Ordenar;
• Fornecer navegabilidade no app
• Facilitar o entendimento do usuário
Componentes com significado
ImageButton
ImageView
Checkbox
19. Accessibility Scanner
• Descrição de imagens
• Descrição repetida*
• Contraste de imagem
• Contraste de texto
• Não atende 100%
• Android Marshmallow
(6.0)
Item label com.duolingo:id/icon —>
This item may not have a label
readable by screen readers.
Image contrast com.duolingo:id/icon
—>The image's contrast ratio is 2,44.
This ratio is based on an estimated
foreground color of #FFFFFF and an
estimated background color of
#1CB0F6. Consider increasing this
ratio to 3,00 or greater.
Text contrast —> The item's text
contrast ratio is 2,38. This ratio is
based on an estimated foreground
color of #A8A8A8 and an estimated
background color of #FFFFFF.
Consider increasing this item's text
contrast ratio to 3,00 or greater.
20. Testes com Espresso
• Testar se o componente possui contentDescription
• Testar se o componente possui contentDescription correta
22. Dicas Marotas
Cuidado Redobrado - telas com banners,
transparência, tutoriais.
Vibração — Explorar vibração para ações do app e
notificações
Atenção a componentes de duplo estado - toogles,
switches (…)
Mais informação - Textos informativos que
expliquem como interagir com as funcionalidades
Busca por voz integrada - Pode ajudar bastante a
usabilidade do app