{"id":10510,"date":"2016-09-25T17:12:22","date_gmt":"2016-09-25T20:12:22","guid":{"rendered":"https:\/\/king.host\/blog\/?p=10510"},"modified":"2024-06-04T07:20:55","modified_gmt":"2024-06-04T10:20:55","slug":"imasters-devconf-acessibilidade-em-aplicativos-android","status":"publish","type":"post","link":"https:\/\/king.host\/blog\/tecnologia\/imasters-devconf-acessibilidade-em-aplicativos-android\/","title":{"rendered":"Imasters DevConf &#8211; Acessibilidade em aplicativos Android"},"content":{"rendered":"<p>A&nbsp;palestra sobre acessibilidade em aplicativos Android \u201cSomos Todos Acess\u00edveis: pr\u00e1ticas modernas de acessibilidade no Android\u201d de Paula Caroline Rosa aconteceu no Android DevConference 2016. Com o conte\u00fado, aprendemos que devemos pensar em acessibilidade desde o in\u00edcio dos projetos. O objetivo da palestrante foi &nbsp;mostrar que simples a\u00e7\u00f5es na hora de desenvolver apps, adicionam&nbsp;pr\u00e1ticas de acessibilidade que beneficiam n\u00e3o apenas pessoas com necessidades especiais, mas tamb\u00e9m a usabilidade geral dos aplicativos Android. Al\u00e9m deste conte\u00fado, confira <a href=\"https:\/\/king.host\/blog\/2016\/11\/entrevistando-paula-caroline-acessibilidade-e-aplicativos-mobile\/\" target=\"_blank\" rel=\"noopener\">a <strong>entrevista<\/strong><\/a><strong><a href=\"https:\/\/king.host\/blog\/2016\/11\/entrevistando-paula-caroline-acessibilidade-e-aplicativos-mobile\/\">&nbsp;sobre acessibilidade<\/a>&nbsp;<\/strong>que fizemos com Paula.<\/p>\n<p>Em seu Talk, Paula apresentou diversos recursos para expandir a acessibilidade em aplicativos. Entre eles, as seguintes&nbsp;tecnologias ganharam destaque: &nbsp;Talkback, Switch Access, Brailleback, Magnification e Voice Access. Neste conte\u00fado vamos apresentar esses recursos incluindo alguns destaques da apresenta\u00e7\u00e3o.<br \/>\n<strong>Talkback<\/strong><br \/>\nO TalkBack \u00e9 um leitor de tela do Google que j\u00e1 vem instalado em dispositivos Android. O TalkBack fornece feedback lendo os elementos da tela dos aplicativos para o usu\u00e1rio, assim mesmo sem poder enxergar a tela o usu\u00e1rio consegue interagir com o dispositivo.<br \/>\n<strong>Switch Access<\/strong><br \/>\nPermite que voc\u00ea interaja com seu dispositivo Android utilizando dois ou mais bot\u00f5es (em geral um para navegar e outro para selecionar). Com o Switch Access o dispositivo Android verifica todos os itens clic\u00e1veis na tela, destacando cada item por vez, at\u00e9 que o usu\u00e1rio selecione o item desejado. Tamb\u00e9m \u00e9 poss\u00edvel personalizar o acesso, atribuindo a cada bot\u00e3o uma fun\u00e7\u00e3o espec\u00edfica.<br \/>\n<strong>Brailleback<\/strong><br \/>\n\u00c9 um servi\u00e7o de acessibilidade que ajuda usu\u00e1rios cegos a fazer uso de dispositivos utilizando um teclado braille. Ele pode funcionar em conjunto com o TalkBack para dar uma experi\u00eancia combinada de braille e som.<br \/>\n<strong>Magnification<\/strong><br \/>\nAmplia o texto para que usu\u00e1rios com dificuldades de vis\u00e3o tenham uma experi\u00eancia personalizada em rela\u00e7\u00e3o ao tamanho da fonte. Funciona muito bem, especialmente em casos em que as guidelines foram obedecidas na hora da implementa\u00e7\u00e3o, de modo que o tamanho do texto aumenta sem haver quebra de layout.<br \/>\n<strong>Voice Access<\/strong><br \/>\nDeixa o usu\u00e1rio controlar o dispositivo atrav\u00e9s de comandos de voz. Acompanhe o v\u00eddeo abaixo que apresenta o aplicativo:<br \/>\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/apEz73_H2fU\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong>Alguns&nbsp;pontos da apresenta\u00e7\u00e3o de Paula Caroline:<\/strong><\/p>\n<ul>\n<ul>\n<li>O TalkBack \u00e9 o recurso mais importante para o desenvolvedor levar em considera\u00e7\u00e3o ao criar um aplicativo. Os demais recursos s\u00e3o ativados automaticamente pelo pr\u00f3prio sistema Android.<\/li>\n<li>Para o usu\u00e1rio utilizar o app \u00e9 necess\u00e1rio que ele fa\u00e7a um mapeamento da interface do aplicativo. Esse mapeamento \u00e9 poss\u00edvel atrav\u00e9s da descri\u00e7\u00e3o que o TalkBack faz do sistema e da sua interface, por isso, \u00e9 necess\u00e1rio explicitar o significado dos elementos para assim facilitar o entendimento do ambiente de navega\u00e7\u00e3o.<\/li>\n<li>Existem tr\u00eas componentes b\u00e1sicos que devem ser considerados ao criar um app acess\u00edvel:<br \/>\n<strong>ImageButton<\/strong><br \/>\n<strong> ImageView<\/strong><br \/>\n<strong> Checkbox<br \/>\n<\/strong>Esses s\u00e3o componentes com significado, sendo essencial utiliz\u00e1-los de modo descritivo, pensando sempre que a sua leitura deve ser compreens\u00edvel para quem precisa navegar utilizando apenas a descri\u00e7\u00e3o desses bot\u00f5es. Por exemplo, um bot\u00e3o de login precisar ter um texto descrevendo que essa a\u00e7\u00e3o ser\u00e1 encaminhada ao clic\u00e1-lo.<\/li>\n<\/ul>\n<\/ul>\n<ul>\n<ul>\n<li>A descri\u00e7\u00e3o deve ser voltada \u00e0 a\u00e7\u00e3o esperada, o component _description \u00e9 uma tag que pode ser preenchida por qualquer tipo de elemento seja ele texto, imagem, v\u00eddeo,&nbsp;etc.<\/li>\n<li>Quando uma imagem n\u00e3o \u00e9 apenas decorativa ela <strong>precisa<\/strong> ser descrita com a&nbsp;tag ContentDescription.<\/li>\n<li>Devemos agrupar as views que devem ser lidas em determinada sequ\u00eancia. Por exemplo, em um app de m\u00fasica, far\u00e1 mais sentido mostrar banda, \u00e1lbum e nome da m\u00fasica em sequ\u00eancia ao inv\u00e9s de ler todos os nomes de banda para depois ler todos os nomes de m\u00fasica.<\/li>\n<li>Ao utilizar o floating ele deve ser lido primeiro, para isso \u00e9 necess\u00e1rio explicitar ao TalkBack que ele deve ser lido antes.<\/li>\n<\/ul>\n<\/ul>\n<p>Al\u00e9m dessas dicas, Paula tamb\u00e9m falou sobre como implementar e testar a acessibilidade. Se voc\u00ea se interessou pelo conte\u00fado, poder\u00e1 acompanhar a palestra na \u00edntegra atrav\u00e9s do v\u00eddeo a seguir:<br \/>\n<iframe width=\"1280\" height=\"720\" src=\"https:\/\/www.youtube.com\/embed\/2ouYRL-bdgU\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\nOs slides da apresenta\u00e7\u00e3o <a href=\"http:\/\/pt.slideshare.net\/PaulaCarolinedaRosa\/somos-todos-acessiveis\" target=\"_blank\" rel=\"noopener\">podem ser acessados aqui<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A&nbsp;palestra sobre acessibilidade em aplicativos Android \u201cSomos Todos Acess\u00edveis: pr\u00e1ticas modernas de acessibilidade no Android\u201d de Paula Caroline Rosa aconteceu no Android DevConference 2016. Com o conte\u00fado, aprendemos que devemos pensar em acessibilidade desde o in\u00edcio dos projetos. O objetivo da palestrante foi &nbsp;mostrar que simples a\u00e7\u00f5es na hora de desenvolver apps, adicionam&nbsp;pr\u00e1ticas de acessibilidade [&hellip;]<\/p>\n","protected":false},"author":253,"featured_media":10511,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1179,8],"tags":[1376],"class_list":["post-10510","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento","category-tecnologia","tag-desenvolvimento"],"_links":{"self":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/10510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/users\/253"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/comments?post=10510"}],"version-history":[{"count":4,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/10510\/revisions"}],"predecessor-version":[{"id":31297,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/10510\/revisions\/31297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media\/10511"}],"wp:attachment":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media?parent=10510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/categories?post=10510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/tags?post=10510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}