Acessibilidade para aplicativos: diretrizes, exemplos e práticas recomendadas de como cuidar do usuário

Segundo a OMS, 15% da população mundial apresenta algum tipo de deficiência. Na maioria dos casos, as sociedades conscientes se esforçam para equilibrar a disparidade de saúde para que essa coorte populacional não sinta barreiras para uma qualidade de vida reconhecida. E funciona muito bem até que uma pessoa com deficiência enfrente uma situação em que algo está fora de seu alcance devido à baixa acessibilidade do aplicativo móvel.

Por que a acessibilidade móvel é importante?

Tornar seus aplicativos inclusivos não é apenas uma questão de responsabilidade social. Juntamente com o cultivo da diversidade, os aplicativos móveis acessíveis desbloqueiam um fluxo de receita adicional, dão à sua empresa vantagens competitivas e ajudam a cumprir os regulamentos de conformidade.

Empatia

À medida que envelhecemos, todos nós enfrentamos algumas limitações, seja deficiência auditiva, diminuição da visão ou deficiência motora. Além disso, deficiências situacionais e temporárias podem colocar todos nós em situações semelhantes às dos indivíduos com deficiência de longo prazo. Portanto, a acessibilidade móvel é um investimento de longo prazo que, entre outras coisas, nos ajuda a cuidar da geração mais velha, de nós mesmos e daqueles que lutam com condições temporárias.

A tecnologia assistiva também é uma estratégia importante para integrar melhor as pessoas que enfrentam desafios adicionais no mundo moderno e nas comunidades online.

Vantagem competitiva

Segundo as estatísticas, um em cada quatro americanos vive com deficiência. Ao tornar sua solução inclusiva, você cobre mais 61 milhões de usuários, o que expande o alcance do usuário de seu aplicativo.

Além disso, a inclusão de tecnologia é comercialmente interessante. O poder de compra das pessoas com deficiência é de cerca de US$ 500 bilhões após impostos. Considerando o número de aplicativos inacessíveis, a acessibilidade do seu aplicativo e dispositivo móvel pode gerar esse fluxo de receita adicional.

A acessibilidade do telefone móvel também reduz os custos operacionais do seu negócio. Um banco SNS holandês reduziu o número de chamadas de call center e despesas associadas em mais de 15%. A economia está associada às mudanças de acessibilidade da web móvel que o banco fez anteriormente.

A acessibilidade torna a tecnologia melhor para todos

A inclusão tecnológica é essencial para alguns, mas útil para todos. Legendas, assistentes virtuais e software de reconhecimento de fala são os recursos obrigatórios para todos os usuários, incluindo pessoas com deficiência. As direções de rota por voz, por exemplo, são um recurso de acessibilidade e uma opção de mãos livres para os motoristas. Portanto, tornar sua solução all-in beneficiará a todos.

Conformidade com as normas e regulamentos

Em muitos casos, os padrões de acessibilidade de aplicativos móveis são exigidos por lei. O Americans with Disabilities Act Standards for Accessible Design, ou ADA, exige a inclusão de todas as pessoas, em todas as áreas da vida pública, incluindo negócios baseados na web e seus aplicativos.

A lei ADA também funciona em conjunto com as Diretrizes de Acessibilidade de Conteúdo da Web (WCAG), que documenta um único padrão compartilhado para acessibilidade de conteúdo da Web. A versão atual das WCAG é 2.1, enquanto uma versão revisada está prevista para setembro de 2022.

Até 2025, todas as empresas sediadas na UE também devem otimizar seus serviços e produtos para acessibilidade para cumprir as diretrizes europeias de acessibilidade de aplicativos móveis.

Melhor imagem da marca

Por fim, a acessibilidade digital beneficia sua marca e cria mais oportunidades para os defensores da marca. Além disso, 56% dos clientes acreditam que uma empresa deve ter uma posição clara sobre questões sociais.

Como garantir a acessibilidade de aplicativos móveis?

A partir de hoje, as Diretrizes de Acessibilidade de Conteúdo da Web, ou WCAG, são consideradas a referência para acessibilidade de sites. As diretrizes também apresentam WCAG para dispositivos móveis, que descreve as melhores práticas de acessibilidade móvel. Abaixo, falaremos sobre como seu aplicativo deve ser para ser realmente acessível de acordo com as WCAG.

Tenha em mente que cada princípio inclui três níveis de conformidade, onde A é o nível mínimo e AAA significa conformidade total. A maioria das organizações se esforça para pontuar AA como uma média de ouro.

Perceptível

Tornar sua solução perceptível significa que os usuários devem ser capazes de percebê-la com um ou alguns sentidos. Em poucas palavras, se o conteúdo do seu aplicativo é voltado para uma experiência visual, ele deve ter uma alternativa que envolva percepção auditiva ou qualquer outra modalidade sensorial.

Qual pode ser o problema aqui?

• Sem alternativas de texto

Algumas soluções podem não oferecer alternativas de texto para conteúdo não textual apresentado na tela, sejam controles ou imagens, de forma perceptível pelo leitor da tela. Ele inerentemente torna o aplicativo ilegível para TalkBack ou VoiceOver, que são leitores de tela padrão no Android e iOS, respectivamente.

Pelo contrário, as descrições de fala tornam todos os dados não textuais acessíveis para cegos ou pessoas com visão baixa ou fraca. O Facebook, por exemplo, lançou o texto ALT automático para descrever o conteúdo visual para leitores de tela.

• Sem adaptabilidade

Uma solução móvel negligencia a acessibilidade quando sua estrutura não é facilmente ajustável a diferentes estruturas e orientações de apresentação de conteúdo. Em particular, um produto inclusivo pode alternar para paisagem e retrato sem sacrificar conteúdo ou elementos, como no exemplo abaixo.

As diretrizes de acessibilidade de aplicativos móveis nativos também exigem que seu produto marque informações, estrutura e hierarquia entre os elementos. Dessa forma, títulos, tabelas e listas permanecerão intactos quando a apresentação for alterada, mantendo seus layouts simples e consistentes.

A adaptabilidade é essencial para pessoas com deficiência motora, usuários de leitores de tela, bem como pessoas com dificuldades de aprendizagem e fadiga cognitiva.

• Sem características distintivas

Contraste inadequado, má escolha de cores ou ausência de redimensionamento do texto prejudicam a percepção dos usuários. Por exemplo, pessoas com problemas de percepção de cores lutam para distinguir entre certas cores. Portanto, as cores não devem ser a única maneira de transmitir diferenças ou ações imediatas. Em vez disso, combine cores e texto ou dicas de caracteres para transmitir informações.

A perda de conteúdo ou funcionalidade é outro problema comum de acessibilidade que normalmente ocorre quando um usuário com deficiência visual amplia o texto. Suas configurações de acessibilidade móvel devem permitir um aumento de até 200%, mantendo todo o conteúdo e elementos.

Operável

Esse princípio exige que seu aplicativo inclua elementos de interface e navegação totalmente operáveis ​​para que o usuário possa fazer uso de todos os recursos, independentemente de deficiências ou deficiências.

Qual pode ser o problema aqui?

• Falta de tempo

Dada a diversidade entre as pessoas, é difícil prever quanto tempo leva para navegar pelo aplicativo ou encontrar uma seção específica. A maioria dos aplicativos bancários, por exemplo, tem um tempo máximo de sessão como medida de segurança. No entanto, limites de tempo ou conteúdo sensível ao tempo tornam inconveniente para um leitor de tela ou um usuário idoso processar informações.

Limites de tempo flexíveis ou a opção de desligar, pelo contrário, tornam sua inscrição mais amigável para idosos, pessoas com deficiência visual ou falantes estrangeiros.

• Conteúdo intermitente

O conteúdo piscando é uma bandeira vermelha para aplicativos inclusivos, pois pode provocar convulsões ou outros efeitos indesejáveis. Assim, os indivíduos que têm distúrbios convulsivos fotossensíveis simplesmente não podem olhar para luzes piscantes ou padrões visuais contrastantes sem ter uma reação física adversa desencadeada por eles. É por isso que é importante evitar conteúdo que pisca mais de 3 vezes em 1 segundo e limitar a área de flash a uma pequena parte da tela de um smartphone.

• Navegação

A navegação que não é marcada programaticamente nem estruturada também pode impedir que um usuário consuma o conteúdo. Isso vale especialmente para usuários com deficiência visual que só podem navegar em seu aplicativo com tecnologia assistiva, bem como para pessoas com deficiências cognitivas e motoras.

Regiões de referência, cabeçalhos descritivos, títulos de tela exclusivos e controles rotulados permitem que usuários e leitores de tela localizem a seção necessária rapidamente e com menos teclas. O aplicativo também pode ser codificado para pular gráficos e links de navegação ao consumir o conteúdo com um leitor de tela.

Tastemade, por exemplo, é um ótimo exemplo de navegação em tela cheia no trabalho, enquanto o exemplo à direita sacrificou a descoberta por um design elegante.

Compreensível

De acordo com este princípio de acessibilidade, todas as informações e toda a sua interface de usuário devem ser fáceis de entender para qualquer pessoa, independentemente de seu estado de saúde. Simplificando, quanto mais intuitivo e direto for o seu aplicativo, mais chances ele terá de obter o nível de conformidade AAA.

Qual pode ser o problema aqui?

• Previsibilidade

Alguns aplicativos preferem ocultar elementos de design atrás de ícones sofisticados ou empregar fluxos de usuário futuristas. Embora tais projetos sejam obras de arte admiráveis, eles carecem de clareza.

Menus de hambúrguer, por exemplo, são um padrão amplamente aceito para desenvolvimento de aplicativos móveis que simplifica menus para telas compactas. No entanto, eles não são navegáveis ​​nem previsíveis para pessoas com deficiência visual, limitações cognitivas, deficiências motoras e destreza reduzida. A versão desktop do Telegram, por exemplo, tem um botão de menu de hambúrguer.

O objetivo primordial do design previsível é definir expectativas precisas sobre o que acontecerá a seguir por meio de padrões de design consistentes, elementos semânticos padrão e estrutura de informações ordenada. Um aplicativo acessível também deve ter todos os elementos facilmente detectáveis ​​na tela para fornecer uma compreensão precisa de onde o usuário está agora. Navegação inferior, barra lateral vertical ou menus fixos são reproduzidos corretamente.

• Assistência de entrada

Alguns usuários com visão de baixa qualidade e com deficiências intelectuais e de leitura podem achar difícil inserir as informações sem erros ou diferenciar entre campos obrigatórios e opcionais. Para fornecer assistência, uma interface de aplicativo pode incluir dicas nos campos para reforçar informações importantes.

As dicas podem variar de atributos rotulados para leitores de tela para selecionar estados e cantos arredondados.

• Prevenção de erros

Na mesma nota, os métodos típicos de indicação de erro podem não funcionar para indivíduos com visão baixa ou deficiente ou pessoas daltônicas. Da mesma forma, usuários com deficiência de leitura ou motora têm maior chance de inserir a entrada errada, o que pode levar a sérias consequências, incluindo passivos financeiros. Portanto, se o aplicativo não fornecer dados controláveis ​​pelo usuário, ele não estará acessível.

Envios reversíveis, confirmação de pedido, exclusão de um registro ou cancelamento de envio de mensagem são alguns exemplos de salvaguardas que evitarão que os usuários cometam erros.

Robusto

Os recursos de acessibilidade devem ser entregues de forma transparente em todas as plataformas e dispositivos, incluindo diferentes versões de leitores de tela, terminais braille ou software de ampliação de texto. Em palavras simples, o design robusto é imune a erros de codificação que podem distorcer o conteúdo ou as funções em um dispositivo habilitado para web ou tecnologia assistiva.

Qual pode ser o problema aqui?

• Codificação ruim

Se o código HTML por trás do seu aplicativo não tiver tags de início e fim completos, o conteúdo do aplicativo pode ser exibido de forma diferente entre os dispositivos, não ser exibido ou ser ilegível para tecnologias assistivas. O código HTML bem formado que está em conformidade com todas as especificações de linguagem de marcação garante que a estrutura de conteúdo acessível permaneça conforme o esperado em todas as plataformas e dispositivos.

O desenvolvimento multiplataforma pode fornecer um nível adequado de acessibilidade?

O desenvolvimento multiplataforma é um canivete suíço que acelera o tempo de lançamento no mercado e mata duas plataformas com uma base de código único. No entanto, o potencial de acessibilidade do desenvolvimento multiplataforma fica atrás dos aplicativos nativos. Portanto, as tecnologias multiplataforma são uma troca entre acessibilidade e redução de custos, o que ainda pode garantir pelo menos um nível básico de acessibilidade móvel no Android e iOS.

Assim, o desenvolvimento de aplicativos Flutter está comprometido em tornar os aplicativos mais acessíveis e inclui suporte integrado para acessibilidade combinado com os mesmos recursos do sistema operacional. O Flutter pode ajudá-lo a implementar recursos de acessibilidade como fontes grandes, compatibilidade com leitor de tela, contraste suficiente e muito mais.

Mas lembre-se de que a acessibilidade móvel é um resultado coletivo de toda a sua equipe de desenvolvimento, incluindo os desenvolvedores do Flutter. Enquanto os designers de UX/UI se dedicam a criar interfaces inclusivas, os especialistas em controle de qualidade garantem que a versão final do seu aplicativo passe no teste de acessibilidade.

Não há necessidade de decidir entre acessibilidade e design

O acesso igual à tecnologia permite que todas as pessoas participem da sociedade e aproveitem ativamente os confortos tecnológicos. Juntamente com a conformidade com a conformidade, a acessibilidade móvel também contribui para uma base de usuários maior e vantagem competitiva de sua empresa. No entanto, muitos desenvolvedores ainda são estranhos aos padrões de codificação de acessibilidade, pois a excelência em acessibilidade requer pesquisa e conhecimento intensivos. E mesmo que eles estejam familiarizados com a noção, muitas vezes é um desafio envolver recursos inclusivos em uma interface estética.
Se você luta para encontrar um equilíbrio entre acessibilidade e design, nossa empresa sabe como pontuar em ambos. Com base em seus requisitos exclusivos e padrões de acessibilidade, integramos perfeitamente a inclusão em um design de aplicativo de alto nível. Envie-nos uma mensagem para criar uma solução móvel de alto nível que atenda a todos.

O artigo foi publicado originalmente aqui