somos todos acessiveis

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


Definindo AcessibilidadePblico alvo a gente segmenta por interesse e no por uma deficincia fsica ou alguma limitao

Talita PaganiUX Designer / Mestre em Computao


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


Vdeo


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


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


Talkback

Dar significado aos componentes;Agrupar e Ordenar;Fornecer navegabilidade no appFacilitar o entendimento do usurio

Componentes com significado

ImageButtonImageViewCheckbox


Talkback - Nomeando Imagens

android:importantForAcessibility="no"

(API >= 16)


Talkback - Nomeando textos


Talkback - Agrupamento de Views


Talkback - EditText


Talkback - FloatingActionButton

API 22


Talkback - Live region

Polite = Espera o talkback terminar o udioAssertive = interrompe o udio do talkbackNone = sem Feedback


Talkback

/** * Envia evento para talkback falar o componente */


Talkback - Anunciar acessibilidade

API 16


CustomViews

Views que herdam acessibilidade

CustomView

onDraw()onMeasure()Sobreescreve os mtodos:

Views que no herdam acessibilidade

Herda de ViewCuidado com Libs prontas


Tratamento especial para CustomViews

Enviar o evento view.sendAccessibilityEvent(AccessibilityEvent.TYPE_VIEW_FOCUSED)Sobreescrever mtodo dispatchPopulateAccessibilityEvent(AccessibilityEvent)


Ferramentas para checar acessibilidadeUtilizando talkback

Accessibility scanner

Utilizando espresso

Lint (Android Studio)


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.


Testes com Espresso

Testar se o componente possui contentDescriptionTestar se o componente possui contentDescription correta


Checagem com Lint


Checagem com Lint


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


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


Exemplos de apps que implementam acessibilidade (ou no)

Boto#semMarcador

Swipe#areaPequena#naoExplicaNada

Boto#semMarcador



#nadaAcessvel#botaoSemMarcador

botes#semMarcador

#faltouAgruparViews



#parabens

#parabens

#parabens

#parabens


Acessibilidade no Twitter

Configuraes > Imagem e Som > Acessibilidade > Escrever Descrio das Imagens


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


Contato

@[email protected]

https://br.linkedin.com/in/[email protected]


somos todos acessiveis

Mobile