PDF - VERSÃO DE IMPRESSÃO

Lição 16 - Acessibilidade

objetivo

Olá, estudante, tudo bem?

Na lição anterior, você aprendeu sobre os conceitos de diretrizes de interação e design e usabilidade, agora, chegou a hora de conhecer como criar um aplicativo com acessibilidade que, atualmente, é um aspecto essencial no desenvolvimento de aplicativos, garantindo que todas as pessoas, independentemente de suas limitações físicas, sensoriais ou cognitivas, possam utilizar a tecnologia de forma plena e sem barreiras.

O objetivo desta lição é entender a importância da acessibilidade no desenvolvimento de aplicativos Android com Kotlin, aprofundando-nos em conceitos fundamentais e nas melhores práticas para tornar a experiência do usuário mais inclusiva. Abordaremos as técnicas para a implementação de recursos como suporte a leitores de tela, alto contraste, legendas automáticas e navegação adaptável, que permitem que os aplicativos sejam utilizados por um público mais amplo.

Ao compreender e aplicar esses princípios, você será capaz de desenvolver aplicativos que não apenas atendam às exigências de acessibilidade, mas que também ofereçam uma experiência mais intuitiva e agradável para todos os usuários. Dessa forma, além de promover a inclusão digital, o conhecimento adquirido nesta lição contribuirá para a criação de produtos mais completos, éticos e alinhados às necessidades reais da sociedade.

Vamos entender melhor sobre esse assunto?

problematização

Imagine que uma pessoa com deficiência visual tenta utilizar um aplicativo essencial para o seu dia a dia, como um App bancário ou de transporte. No entanto, ao navegar pela interface, percebe que os botões não possuem descrições adequadas para leitores de tela, dificultando a compreensão de suas funções.

Concorda comigo que, nesse e em outros casos, a falta de acessibilidade em aplicativos compromete a experiência de um grande grupo de pessoas, limitando seu acesso a informações e serviços básicos? Usuários com dificuldades motoras podem encontrar barreiras ao tentar interagir com pequenos botões ou gestos complexos. Pessoas com daltonismo podem ter dificuldades para diferenciar elementos importantes da interface. Indivíduos com deficiência auditiva podem ser prejudicados se o aplicativo não oferecer legendas ou alternativas textuais para conteúdos sonoros. Sendo assim, observe que esses obstáculos tornam a tecnologia inacessível e reforçam desigualdades no acesso à informação e à comunicação digital.

Ao incorporar diretrizes de acessibilidade no desenvolvimento de aplicativos para smartphones, é possível criar interfaces mais inclusivas e funcionais para todos os usuários. Recursos, como compatibilidade com leitores de tela, ajuste de contraste, navegação por comandos de voz e opções de personalização, garantem que pessoas com diferentes necessidades possam interagir com a tecnologia sem barreiras.

Agora, vamos entender como a acessibilidade funciona na prática?

case

Para ilustrar como a acessibilidade funciona na prática, vamos conhecer a InovaTech, uma startup fictícia especializada em soluções digitais, que percebeu um desafio significativo ao analisar o desempenho de seu principal aplicativo de serviços financeiros. Apesar do crescimento contínuo no número de usuários, a empresa começou a receber relatos de pessoas com deficiência visual e motora que enfrentavam dificuldades para utilizar o aplicativo. Muitos clientes informavam que o leitor de tela não reconhecia corretamente os botões e campos de formulário, tornando impossível a realização de tarefas simples, como verificar o saldo ou fazer uma transferência.

Diante desse cenário, a empresa reformulou seu aplicativo para torná-lo mais acessível, adotando diretrizes de acessibilidade do Google. A equipe implementou descrições para leitores de tela, ajustou o contraste de cores e criou modos de alto contraste para melhorar a legibilidade. Após testes com usuários diversos, incluindo pessoas com deficiência, o retorno foi positivo, aumentando a taxa de satisfação dos clientes e reforçando a reputação da empresa como comprometida com a inclusão digital.

Ao adotar a acessibilidade como um princípio essencial no desenvolvimento de seu aplicativo, a empresa, além de atender a um requisito técnico, demonstrou que a tecnologia pode ser acessível a todos. Essa iniciativa se tornou um diferencial competitivo e um exemplo de como a inovação pode, de fato, transformar vidas.

Agora, entendendo um pouco melhor a importância desse assunto, vamos nos aprofundar!

Conceitualização

A acessibilidade digital é um conjunto de práticas e recursos que garantem que pessoas com diferentes tipos de limitações — visuais, auditivas, motoras ou cognitivas — possam interagir de forma eficiente com aplicativos e websites. De acordo com Grilo (2019), assim como a usabilidade, a acessibilidade é um aspecto da experiência do usuário e caracteriza-se na flexibilidade de um produto para todos os indivíduos. No contexto do desenvolvimento de aplicativos móveis, a acessibilidade visa eliminar barreiras que dificultam ou impedem a navegação, tornando a tecnologia mais inclusiva para todos os usuários.

A adoção de práticas acessíveis traz benefícios tanto para os usuários quanto para os desenvolvedores. Para os usuários, especialmente aqueles com deficiência, um aplicativo acessível significa maior independência, inclusão social e melhor experiência de uso. Já para os desenvolvedores e empresas, investir em acessibilidade amplia a base de usuários, melhora a usabilidade geral do aplicativo e evita penalizações legais em países que exigem conformidade com normas de acessibilidade digital.

Para garantir que um aplicativo seja acessível, é essencial seguir normas e diretrizes reconhecidas internacionalmente. As Diretrizes de Acessibilidade para Conteúdo Web (WCAG — Web Content Accessibility Guidelines) abrangem uma ampla gama de recomendações para tornar o conteúdo da web mais acessível, com recomendações sobre contraste, navegação, compatibilidade com tecnologias assistivas, entre outros aspectos (Web [....], 2025).

Além disso, no contexto do Android, o Google disponibiliza diretrizes específicas para acessibilidade. Um exemplo disso é o suporte ao TalkBack — o leitor de tela nativo do Android —, além do uso adequado de descrições de conteúdo e práticas recomendadas para interação por voz e toque (Primeiros [...], 2025).

Nesse contexto, compreender e aplicar esses conceitos é essencial para que o desenvolvimento de aplicativos seja inclusivo, eficiente e esteja em conformidade com as melhores práticas do mercado. Ao investir em acessibilidade, o desenvolvedor cumpre seu papel social, assegurando que seus aplicativos possam ser utilizados por um número maior de pessoas, independentemente de suas habilidades ou limitações.

Principais barreiras de acessibilidade em aplicativos Android

A ausência de recursos acessíveis pode gerar barreiras significativas para usuários com deficiência visual, auditiva, motora ou cognitiva, dificultando sua interação com a tecnologia e restringindo seu acesso a serviços essenciais. Sendo assim, a acessibilidade digital busca garantir que todas as pessoas, independentemente de suas limitações, possam utilizar aplicativos móveis de forma eficiente e autônoma.

Usuários com deficiência visual enfrentam desafios quando um aplicativo não oferece suporte adequado a leitores de tela, como o TalkBack no Android. A falta de descrições alternativas em imagens, botões e ícones impede que esses usuários compreendam e naveguem pela interface. Além disso, combinações de cores com baixo contraste podem dificultar a leitura para pessoas com baixa visão ou daltonismo.

Para pessoas com deficiência auditiva, a ausência de legendas em vídeos, áudios e notificações sonoras compromete a compreensão do conteúdo. Sem alternativas visuais para alertas e mensagens importantes, esses usuários podem perder informações cruciais dentro do aplicativo. Já usuários com deficiência motora podem encontrar dificuldades ao interagir com aplicativos que exigem gestos complexos ou precisão nos toques. Pequenos botões, áreas de clique reduzidas e a falta de suporte para comandos por voz podem tornar a navegação desafiadora para pessoas com limitações motoras ou tremores.

A deficiência cognitiva também representa um desafio, pois envolve dificuldades na memorização, concentração e compreensão de informações. Interfaces desorganizadas, excesso de elementos visuais e instruções pouco claras podem tornar o uso do aplicativo confuso e frustrante para esses usuários.

Dessa forma, a falta de acessibilidade impacta diretamente a usabilidade e a inclusão digital. Um aplicativo inacessível pode excluir milhões de pessoas, limitando seu acesso a serviços essenciais, como comunicação, educação, saúde e finanças. Ao compreender esses desafios e adotar soluções adequadas, é possível criar aplicativos mais inclusivos, promovendo uma tecnologia acessível e garantindo que todos os usuários, independentemente de suas habilidades, possam interagir com o ambiente digital de maneira autônoma e eficiente.

Implementação de recursos de acessibilidade com Kotlin e Jetpack Compose

Para garantir que um aplicativo Android seja acessível a todos os usuários, é essencial implementar recursos que facilitem a interação de pessoas com diferentes tipos de deficiência. No Jetpack Compose, o desenvolvimento acessível pode ser aprimorado com o uso correto de descrições textuais, ajustes visuais, suporte a tecnologias assistivas e navegação adaptável.

Leitores de Tela (Talkback)

Os leitores de tela — como o TalkBack no Android — permitem que usuários com deficiência visual utilizem aplicativos por meio de áudio e gestos. Para que a interface seja compreensível por essas ferramentas, é necessário fornecer descrições acessíveis nos elementos interativos da interface. No Jetpack Compose, isso é feito por meio do atributo contentDescription, que descreve a função de botões, imagens e ícones para os leitores de tela. Veja um exemplo na Figura 1:

Figura 1 - Configuração de contentDescription em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta cinco linhas. Na linha 1, está escrito “Image(”; na linha 2, “painter = painterResource(R.drawable.ic_home)’; na linha 3, “contentDescription = ‘Ícone de Início’”; na linha 4, “modifier = Modifier.size(48.dp)”; e, na linha 5, “)”. Fim da descrição.

Alto contraste e legibilidade

Ajustar as cores e o contraste da interface é essencial para usuários com baixa visão ou daltonismo. No Jetpack Compose, o MaterialTheme permite configurar esquemas de cores acessíveis. Para oferecer uma experiência personalizável, é recomendável permitir que os usuários alterem o contraste e ajustem o tamanho das fontes dinamicamente. Veja um exemplo na Figura 2:

Figura 2 - MaterialTheme em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta 15 linhas. Na linha 1, está escrito “val colors = darkColorScheme(”; na linha 2, “primary = Color(0xFFBB86FC)”; na linha 3, “background = Color.Black”; na linha 4, “surface = Color.DarkGray”; na linha 5, “)”; na linha 7, “MaterialTheme(”; na linha 8, “colorScheme = colors”; na linha 9, “typography = Typography(defaultFontFamily = FontFamily.SansSerif)”; na linha 10, “) {”; na linha 11, “Text(”; na linha 12, “text = ‘Texto em alto contraste’”; na linha 13, “fontSize = 20.sp”; na linha 14, “)”; e, na linha 15, “}”. Na linha 6, não há conteúdo escrito. Fim da descrição.

Navegação adaptável

Muitas pessoas com deficiência motora dependem de navegação adaptada, como uso de teclado, comandos de voz ou gestos simplificados. O Jetpack Compose permite melhorar a acessibilidade ao oferecer suporte à navegação por D-pad, teclado bluetooth e botões virtuais. Você verá, na Figura 3, a seguir, o exemplo onde a navegação pode ser feita via teclado:

Figura 3 - Navegação por teclado em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta seis linhas. Na linha 1, está escrito “Button(”; na linha 2, “onClick = { /* Ação do botão */ }”; na linha 3, “modifier = Modifier.focusable(true)”; na linha 4, “( {”; na linha 5, “Text("Acessível por teclado")”; e, na linha 6, “}”. Fim da descrição.

A implementação de acessibilidade no Jetpack Compose permite que aplicativos sejam mais inclusivos e fáceis de usar para todos os usuários. Ao adotar práticas, como descrições acessíveis, ajustes de contraste, suporte a legendas e navegação adaptável, os desenvolvedores garantem que seu aplicativo esteja alinhado às diretrizes de acessibilidade do Android, promovendo uma experiência mais equitativa e acessível.

Testes e validação da acessibilidade

A acessibilidade em aplicativos vai além da implementação de recursos inclusivos; é essencial validar sua eficácia por meio de testes e feedback de usuários reais. Para isso, o Android oferece ferramentas, como o Accessibility Scanner, que identifica barreiras na interface, e o Layout Inspector, que permite verificar atributos de acessibilidade. Além disso, testar a compatibilidade com leitores de tela, como o TalkBack, e simular diferentes condições visuais ajuda a aprimorar a experiência dos usuários com deficiência. Veja alguns detalhes dessas ferramentas:

● Accessibility Scanner

Um aplicativo do Google que permite analisar automaticamente a acessibilidade de telas e identificar problemas, como contraste inadequado, botões pequenos ou ausência de descrições para leitores de tela.

● Layout Inspector

Ferramenta integrada ao Android Studio que permite inspecionar a estrutura visual da interface, verificando se elementos interativos possuem atributos corretos, como contentDescription para imagens e botões.

● TalkBack e Voice Assistant

Testar manualmente a compatibilidade do aplicativo com leitores de tela ajuda a garantir que usuários cegos ou com baixa visão consigam navegar corretamente pela interface.

● Espaço de Cor Simulado

O Android oferece opções para simular diferentes tipos de daltonismo, permitindo testar o contraste e a legibilidade da interface para usuários com deficiência visual.

Além do uso de ferramentas automatizadas, é essencial realizar testes com usuários reais, especialmente pessoas com deficiência que dependem dessas tecnologias assistivas. Esse processo pode ser feito de várias formas:

Testes de usabilidade: observar como os usuários interagem com o aplicativo, identificando dificuldades na navegação e no uso dos recursos de acessibilidade.
Coleta de feedback: criar canais de comunicação para que usuários possam relatar problemas e sugerir melhorias relacionadas à acessibilidade.
Iteração e aprimoramento: após os testes, as falhas identificadas devem ser corrigidas, e novas versões do aplicativo devem ser testadas para garantir a implementação eficiente das melhorias.

A validação da acessibilidade é uma etapa essencial no desenvolvimento de aplicativos inclusivos. O uso de ferramentas automatizadas, combinado com testes reais e feedback contínuo, permite criar experiências mais acessíveis para todos os usuários. Ao investir nessa prática, os desenvolvedores garantem que seus aplicativos sejam funcionais e verdadeiramente acessíveis e alinhados às melhores diretrizes de inclusão digital.

Boas práticas para desenvolvimento de aplicativos inclusivos

O desenvolvimento de aplicativos inclusivos deve seguir o princípio do design universal, garantindo que a experiência atenda a todos os usuários, independentemente de suas limitações. Para isso, é essencial utilizar componentes acessíveis do Material Design, que já seguem diretrizes de usabilidade e acessibilidade. Além disso, a acessibilidade deve ser constantemente revisada e aprimorada ao longo do ciclo de vida do aplicativo, assegurando que novas funcionalidades mantenham a inclusão como prioridade.

saiba aplicar

A acessibilidade no desenvolvimento de aplicativos é um aspecto essencial para qualquer técnico em Desenvolvimento de Sistemas, pois garante que as soluções criadas possam ser utilizadas por um público mais amplo, incluindo pessoas com deficiência. Ao aplicar os conceitos aprendidos nesta lição, além de cumprir com as diretrizes de usabilidade e inclusão, também, amplia-se o alcance e a aceitação dos aplicativos no mercado. Implementar recursos, como suporte a leitores de tela, alto contraste e navegação adaptável, demonstra um compromisso com a experiência do usuário e com a responsabilidade social no desenvolvimento tecnológico, tornando os aplicativos mais intuitivos, funcionais e acessíveis para todos. Agora, vamos colocar a mão na massa?

Para isso, siga os passos:

1) Abra o Android Studio e crie um novo projeto com Empty Activity.

2) Crie o arquivo LoginScreen.kt conforme a Figura 4 a seguir:

Figura 4 - Componente Login com Acessibilidade em Kotlin
Fonte: o autor.

#PraCegoVer: a figura apresenta 65 linhas. Na linha 1, está escrito “@Composable”; na linha 2, “fun LoginScreen() {”; na linha 3, “var username by remember { mutableStateOf("") }”; na linha 4, “var password by remember { mutableStateOf("") }”; na linha 6, “Column(“; na linha 7, “modifier = Modifier.fillMaxSize().padding(16.dp)”; na linha 8, “verticalArrangement = Arrangement.Center”; na linha 9, “horizontalAlignment = Alignment.CenterHorizontally”; na linha 10, “) {”; na linha 11, “Icon(”; na linha 12, “imageVector = Icons.Default.Person”; na linha 13, “contentDescription = ‘Ícone de usuário’”; na linha 14, “modifier = Modifier.size(80.dp)”; na linha 15, “tint = MaterialTheme.colorScheme.primary”; na linha 16, “)”; na linha 18, “Image(”; na linha 19, “painter = painterResource(id = R.drawable.ic_launcher_foreground)”; na linha 20, “contentDescription = null”; na linha 21, “modifier = Modifier.size(120.dp)”; na linha 22, “)”; na linha 24, “Spacer(modifier = Modifier.height(16.dp))”; na linha 26, “OutlinedTextField(”; na linha 27, “value = username”; na linha 28, “onValueChange = { username = it }”; na linha 29, “label = { Text("Usuário") }”; na linha 30, “placeholder = { Text("Digite seu usuário") }”; na linha 31, “leadingIcon = {”; na linha 32, “Icon(imageVector = Icons.Default.Person, contentDescription = null)”; na linha 33, “}”; na linha 34, “singleLine = true”; na linha 35, “modifier = Modifier.fillMaxWidth().focusable()”; na linha 36, “.semantics { contentDescription = "Campo de usuário" }”; na linha 37, “)”; na linha 39, “Spacer(modifier = Modifier.height(8.dp))”; na linha 41, “OutlinedTextField(”; na linha 42, “value = password”; na linha 43, “onValueChange = { password = it }”; na linha 44, “label = { Text(text = "Senha") }”; na linha 45, “placeholder = { Text("Digite sua senha") }”; na linha 46, “leadingIcon = {”; na linha 47, “Icon(imageVector = Icons.Default.Lock, contentDescription = null)”; na linha 48, “}”; na linha 49, “singleLine = true”; na linha 50, “visualTransformation = PasswordVisualTransformation()”; na linha 51, “modifier = Modifier.fillMaxWidth().focusable()”; na linha 52, “.semantics { contentDescription = "Campo de senha" }”; na linha 53, “)”; na linha 55, “Spacer(modifier = Modifier.height(16.dp))”; na linha 57, “Button(”; na linha 58, “onClick = { /* Ação de login */ }”; na linha 59, “modifier = Modifier.fillMaxWidth().focusable()”; na linha 60, “.semantics { contentDescription = "Botão para logar no aplicativo" }”; na linha 61, “) {”; na linha 62, “Text("Logar", fontSize = TextUnit.Unspecified)”; na linha 63, “}”; na linha 64, “}”; e, na linha 65, “}”. Nas linhas 5, 17, 23, 25, 38, 40, 54 e 56, não há conteúdo escrito. Fim da descrição.

Agora, vamos entender melhor sobre os recursos de acessibilidade implementados?

Leitores de tela: os elementos essenciais possuem contentDescription, garantindo que o TalkBack possa descrever o conteúdo corretamente.
Alto contraste e legibilidade: cores e tamanhos de fonte respeitam as diretrizes do MaterialTheme, permitindo a adaptação ao modo de alto contraste.
Navegação adaptável: campos e botões são focáveis (focusable()) e incluem semantics para permitir navegação eficiente com teclado e comandos de voz.
Imagem decorativa: a imagem do logo possui contentDescription = null para evitar leituras desnecessárias por leitores de tela.

Agora, depois de implementar o formulário, desafie seus colegas e/ou professores e use as seguintes ferramentas para validação:

TalkBack: ative em Configurações > Acessibilidade > TalkBack e teste a navegação pelo app.
Accessibility Scanner: utilize essa ferramenta do Google para obter recomendações automáticas e melhorias.

Com essas práticas, garantimos um aplicativo de login inclusivo e acessível a um público mais amplo!

REFERÊNCIAS

GRILO, A. Experiência do usuário em interfaces digitais. Natal: Sedis-UFRN, 2019.

PRIMEIROS passos no Android com o TalkBack. Support Google, c2025. Disponível em: https://support.google.com/accessibility/android/answer/6283677?hl=pt-br. Acesso em: 29 abr. 2025.

WEB Content Accessibility Guidelines (WCAG) 2.1. W3C, 28 abr. 2025.Disponível em: https://www.w3.org/TR/WCAG21/. Acesso em: 29 abr. 2025.

Page updated

Google Sites

Report abuse