somos todos acessiveis
Post on 13-Apr-2017
708 Views
Preview:
TRANSCRIPT
Desenvolvedora AndroidSomos Todos Acessveis: prticas modernas de acessibilidade no AndroidPaula Rosahttp://www.slideshare.net/PaulaCarolinedaRosa/somos-todos-acessiveis
Ajudamos empresas a criar produtos digitais de sucesso
Definindo AcessibilidadeQualidade do que acessvel, do que tem acesso. Facilidade, possibilidade na aquisio, na aproximao.
Oferecer experincias semelhantes a todos tipos de usurios
Ajudamos empresas a criar produtos digitais de sucesso
Definindo AcessibilidadePblico alvo a gente segmenta por interesse e no por uma deficincia fsica ou alguma limitao
Talita PaganiUX Designer / Mestre em Computao
Ajudamos empresas a criar produtos digitais de sucesso
Recursos de Acessibilidade
Talkback Switch access Brailleback Voice access
Magnification TalkBack: L os elementos da tela para o usurio.Troca de Acesso - switch access (5.0+): Permite conectar um interruptor para navegar entre os elementos da telaBrailleBack: Suporte braille. Permite conectar teclado braille. Magnification: Amplia texto (zoom)Voice Access (#io16) - comandos de vozhttps://www.youtube.com/watch?v=apEz73_H2fU
Ajudamos empresas a criar produtos digitais de sucesso
Vdeo
Ajudamos empresas a criar produtos digitais de sucesso
Talkback
2 AES: perceber o murodesviar do muro
Cada componente ser falado pelo talkback (botes, listas, spinners, textos, imagens);O usurio faz um mapeamento dos componentes e funcionalidades na mente;A partir disto ele pode ento decidir as aes que dever tomar
Ajudamos empresas a criar produtos digitais de sucesso
Talkback Gestures
Toquesimples (audio)duplo (seleciona)
Swipe p/cima e baixo(fab)
Swipe duplo p/cima ou baixo(scroll)Swipe p/ladostroca foco
AtalhosBack button
Context Menu
Home Screen
Apps recentes
Notificaes
Ajudamos empresas a criar produtos digitais de sucesso
Talkback
Dar significado aos componentes;Agrupar e Ordenar;Fornecer navegabilidade no appFacilitar o entendimento do usurio
Componentes com significado
ImageButtonImageViewCheckbox
Ajudamos empresas a criar produtos digitais de sucesso
Talkback - Nomeando Imagens
android:importantForAcessibility="no"
(API >= 16)
Ajudamos empresas a criar produtos digitais de sucesso
Talkback - Nomeando textos
Ajudamos empresas a criar produtos digitais de sucesso
Talkback - Agrupamento de Views
Ajudamos empresas a criar produtos digitais de sucesso
Talkback - EditText
Ajudamos empresas a criar produtos digitais de sucesso
Talkback - FloatingActionButton
API 22
Ajudamos empresas a criar produtos digitais de sucesso
Talkback - Live region
Polite = Espera o talkback terminar o udioAssertive = interrompe o udio do talkbackNone = sem Feedback
Ajudamos empresas a criar produtos digitais de sucesso
Talkback
/** * Envia evento para talkback falar o componente */
Ajudamos empresas a criar produtos digitais de sucesso
Talkback - Anunciar acessibilidade
API 16
Ajudamos empresas a criar produtos digitais de sucesso
CustomViews
Views que herdam acessibilidade
CustomView
onDraw()onMeasure()Sobreescreve os mtodos:
Views que no herdam acessibilidade
Herda de ViewCuidado com Libs prontas
Ajudamos empresas a criar produtos digitais de sucesso
Tratamento especial para CustomViews
Enviar o evento view.sendAccessibilityEvent(AccessibilityEvent.TYPE_VIEW_FOCUSED)Sobreescrever mtodo dispatchPopulateAccessibilityEvent(AccessibilityEvent)
Ajudamos empresas a criar produtos digitais de sucesso
Ferramentas para checar acessibilidadeUtilizando talkback
Accessibility scanner
Utilizando espresso
Lint (Android Studio)
Ajudamos empresas a criar produtos digitais de sucesso
Accessibility Scanner
Descrio de imagensDescrio repetida*Contraste de imagemContraste de textoNo 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.
Ajudamos empresas a criar produtos digitais de sucesso
Testes com Espresso
Testar se o componente possui contentDescriptionTestar se o componente possui contentDescription correta
Ajudamos empresas a criar produtos digitais de sucesso
Checagem com Lint
Ajudamos empresas a criar produtos digitais de sucesso
Checagem com Lint
Ajudamos empresas a criar produtos digitais de sucesso
Dicas MarotasApps Customizados para acessibilidade - telas com banners, transparncia, tutoriais.Vibrao Explorar vibrao para aes do app e notificaesAteno a componentes de duplo estado - toogles, switches ()Mais informao - Textos informativos que expliquem como interagir com as funcionalidades
Ajudamos empresas a criar produtos digitais de sucesso
Contedo lido por baixo de telas com transparnciaCustomizar apps para atender acessibilidade:manager = (AccessibilityManager) getSystemService(Context.ACCESSIBILITY_SERVICE);manager.isEnabled() - Se o modo acessibilidade est ligado.
Dicas Marotas
#fail
Ajudamos empresas a criar produtos digitais de sucesso
Exemplos de apps que implementam acessibilidade (ou no)
Boto#semMarcador
Swipe#areaPequena#naoExplicaNada
Boto#semMarcador
Ajudamos empresas a criar produtos digitais de sucesso
Exemplos de apps que implementam acessibilidade (ou no)
#nadaAcessvel#botaoSemMarcador
botes#semMarcador
#faltouAgruparViews
Ajudamos empresas a criar produtos digitais de sucesso
Exemplos de apps que implementam acessibilidade (ou no)
#parabens
#parabens
#parabens
#parabens
Ajudamos empresas a criar produtos digitais de sucesso
Acessibilidade no Twitter
Configuraes > Imagem e Som > Acessibilidade > Escrever Descrio das Imagens
Ajudamos empresas a criar produtos digitais de sucesso
Links teishttps://developer.android.com/guide/topics/ui/accessibility/index.htmlhttps://codelabs.developers.google.com/codelabs/basic-android-accessibility/http://www.slideshare.net/KellyShuster/android-accessibility-droidcon-londonhttp://www.slideshare.net/7mary4/android-accessibility-39995456https://www.youtube.com/watch?v=euEsfNR5Zw4 (io 2015)https://www.youtube.com/watch?v=apEz73_H2fU (Voice Access)https://www.udacity.com/course/viewer#!/c-ud853/https://engineering.twitter.com/university/videos/accessibility-for-android-at-twitterhttps://github.com/paulacr/Acessibilidade#Acessibilidade
Ajudamos empresas a criar produtos digitais de sucesso
Contato
@_paulacrpaula.mecatronica@gmail.com
https://br.linkedin.com/in/paularosapaula.rosa@concrete.com.br
Ajudamos empresas a criar produtos digitais de sucesso
top related