Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos...

59

Transcript of Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos...

Page 1: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,
Page 2: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Desenvolvendo aplicativos acessíveis

Tornando seu app disponível para todos

Page 3: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

○ Desenvolvedor Android na Concrete

○ Carioca

○ Passado escrito em PHP

Sobre Mim

Diego Malone

Page 4: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Agenda

○ O que é acessibilidade?

○ Tecnologias assistivas

○ Serviços de acessibilidade

○ Framework de acessibilidade

○ Boas práticas

Page 5: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

O que é acessibilidade?

Page 6: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

O que é acessibilidade?

Consegue ler agora?

Page 7: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

“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

Page 8: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Na prática

Page 9: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

A acessibilidade traz benefícios para todos

Page 10: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Daltonismo

Page 11: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Daltonismo

Page 12: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Daltonismo

Page 13: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Canhotos

Page 14: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Canhotos

Page 15: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Tipos de deficiência

○ Permanente, temporária ou situacional

• Toque

• Visão

• Audição

• Fala

Page 16: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Tipos de deficiência

Toque

Um braço BraçoImobilizado

Filho pequeno

Page 17: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Tipos de deficiência

Visão

Cego Catarata Dirigindo

Page 18: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Tipos de deficiência

Audição

Surda Infecçãode ouvido

Bartender

Page 19: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Tipos de deficiência

Fala

Mudo Laringite Sotaque

Page 20: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

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

Page 21: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

“[...] 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 KrugFonte: Não me faça pensar, 2014

Page 22: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Usabilidade?

Page 23: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Tecnologias Assistivas

Page 24: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Lookout

https://www.youtube.com/watch?v=k1mz7b-A22c

Page 25: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Chord Assist

http://bit.ly/chord-assist

Page 26: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Live Caption

https://www.youtube.com/watch?v=hPv1PkjJ-J0

Page 27: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Serviços de Acessibilidade

Page 28: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Talkback

Provê o feedback do que está na tela por áudio.

Page 29: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Talkback

Page 30: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Talkback

Page 31: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Talkback

Page 32: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

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

Page 33: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Voice Access

Page 34: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Switch Access

Page 35: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Brailleback

Page 36: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Diversos outros serviços

○ Selecionar para ouvir

○ Ampliação

○ Tamanho da fonte/exibição

○ Correção/inversão de cor

○ Audio mono

○ Texto em alto contraste

Page 37: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Framework de Acessibilidade

Page 38: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Accessibility Framework

View

View

View

AccessibilityEvent

AccessibilityNodeInfo

Serviço de Acessibilidade

Page 39: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Accessibility Framework

Page 40: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Accessibility Framework

Page 41: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Accessibility Framework

○ Todos os widgets suportam nativamente

○ CustomViews devem disponibilizar manualmente

• Limites da view

• Descrição

• Ações suportadas

Page 42: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Boas práticas

Page 43: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Não dependa apenas de cores

NãoSim

Page 44: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Tamanho mínimo da área de toque

48dp x 48dp

Distância de 8dp

Page 45: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Use SP para textos

Page 46: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Use SP para textos

Page 47: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Descrição de conteúdo

Page 48: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Descrição de conteúdo

Quando a imagem é apenas ilustrativa

Page 49: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Descrição de conteúdo

Não indique estado ou tipo de elemento no texto de descrição

Page 50: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

F

Contraste de cores

Garanta um contraste suficiente entre a cor de fundo e a cor do texto

https://contrastchecker.com

P

Page 51: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Ordem de leitura

Garanta uma navegação consistente

1 2

3

4

5

Page 52: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Agrupar leitura

Page 53: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Agrupar leitura

Page 54: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Accessibility Scanner

https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor

Page 55: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Não deixe para última hora

Nem deixe de fazer

Page 56: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Empatia

Page 57: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

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/

Page 58: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

Perguntas?

Obrigado!

Estou nas redes sociais

@diegomalone

Page 59: Desenvolvendo aplicativos - Amazon S3...2019/07/17  · A acessibilidade traz benefícios para todos Daltonismo Daltonismo Daltonismo Canhotos Canhotos Tipos de deficiência Permanente,

NÓS MOVEMOS O MUNDO.

CentroAv. Presidente Wilson, 231 29º andar(21) 2240-2030

Cidade MonçõesAv. Nações Unidas, 11.541 3º andar(11) 4119-0449

SavassiAv. Getúlio Vargas, 671 Sala 800 - 8º andar(31) 3360-8900

Ilha do LeiteRua Sen. José Henrique, 2242º andar(81) 3018-6299

WWW.CONCRETE.COM.BR