Usando o Accessibility Scanner — mais acessibilidade no Android

O Android, desenvolvido pela Google em 2008, é hoje o sistema operacional mais utilizado no mundo quando se fala em dispositivos móveis. Ele oferece em smartphones, tablets, smartwatches e smartTVs uma interface de usuário muito intuitiva e com custo razoável, tornando seu uso muito popular e cotidiano. Mas como será que pessoas com deficiência acessam esses aparelhos?

Nesse sentido, é fundamental pensar em acessibilidade digital, e o Scanner de Acessibilidade é um grande aliado do desenvolvedor nessa missão.

O que é?

É um aplicativo para Android que analisa a interface de um outro app para recomendar melhorias na acessibilidade.

Para que serve?

Identificar de forma fácil aprimoramentos comuns de acessibilidade, como áreas de toque, contraste de texto e imagens, além de identificar descrições de conteúdo sem identificação.

Como configurar?

Após instalar o app no seu celular Android (Accessibility Scanner — Play Store), o aplicativo irá solicitar algumas permissões.

Atenção! O aplicativo lerá tudo o que está na tela, então atenção a dados sensíveis que o aplicativo pode ter acesso.

À esquerda, print de tela com solicitação de permissão para o Scanner ver e controlar a tela e ver e realizar ações. À direita, print de notificação de exposição de informações confidenciais.

Depois de instalado é necessário ativar o aplicativo, abrindo o próprio app e clicando em ativar. Então é aberto uma tela com a configuração pro scanner ser ativado.

À esquerda, print de tela com solicitação para ativar o Scanner. À direita, print de configurações do app que informa verificar rótulos, tamanho de área de toque, itens clicáveis e contraste.

Como usar?

Quando ativado o scanner, irá abrir um botão na tela para realizar o escaneamento. Ao tocar no botão, o Scanner tira um print da tela do aplicativo e faz a análise.

Print de tela do app Instagram com o botão do Scanner centralizado no topo da tela.

O que posso descobrir de melhoria?

Os elementos com algum aspecto para melhoria mostram circulados em laranja.

À esquerda, print de tela do Instagram com marcações de elementos com problema de acessibilidade. À direita, um elemento é evidenciado e sugestão de melhoria é mostrada na parte inferior da tela.

E ao clicar em um componente destacado, é mostrado um bottomsheet com os apontamentos de sugestões de melhoria.

Quais são os apontamentos mais comuns?

À esquerda, print do Instagram com as sugestões de rótulo de item ausente e área de toque insuficiente. À direita, print de tela do Linkedin com a sugestão de descrição de item repetida.

Como mostra o escaneamento de uma rede social de exemplo, um apontamento bem recorrente é o tamanho da área clicável de um botão. Como estudo e sugestão da própria Google, conforme as diretrizes do Material Design, os componentes clicáveis devem ter 48 x 48 px de tamanho mínimo, a fim de serem confortáveis e fáceis para interação.

Também é muito importante para acessibilidade a atribuição de nome acessível e a descrição para todos os componentes da tela do aplicativo, sendo muito comum telas de aplicativos possuírem vários botões com a mesma descrição. Uma melhoria possível, colocar na descrição qual item da lista o botão está interagindo.

Concluindo

O aplicativo Scanner auxilia bastante o desenvolvedor android apontando melhorias de acessibilidade para os aplicativos. Além disso, ele possui um bônus, é possível exportar a análise gerada, com arquivos em .txt e print da tela em png. Contudo, atente-se para esse disclaimer: o uso do Scanner não dispensa o teste manual.

Escrito por Henrique Manfroi da Silveira, desenvolvedor IOS no Sicredi.