Acessibilidade e Interface de Ponta a Ponta
Ofereça suporte a TalkBack, fontes grandes e inserções.
Acessibilidade e Interface de Ponta a Ponta é uma aula grátis de Jetpack Compose Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Jetpack Compose Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Jetpack Compose Academy inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
Polish Before You Ship
A great app is for everyone. Before release, you make it usable with screen readers, large fonts, and modern full-screen layouts.
What TalkBack Needs
Android has a screen reader called TalkBack. It speaks the UI aloud, so every meaningful element must carry a clear label it can announce.
contentDescription for Icons
Icons and images show no text, so TalkBack reads their contentDescription. Give each one a short, meaningful phrase that says what it does.
Icon(
Icons.Default.Share,
contentDescription = "Share post"
)Hide Decoration from Readers
Purely decorative images add noise when spoken. Set contentDescription to null so TalkBack skips them and focuses on what matters.
Image(
painter = bg,
contentDescription = null
)Respect Larger Fonts
Users can scale system text up. Size text in sp, not fixed dp, so your labels grow with the accessibility settings instead of clipping.
Text("Welcome", fontSize = 16.sp)Touch Targets Stay Tappable
Small buttons are hard to hit. Aim for a 48dp minimum touch target so every control is comfortable for fingers and assistive switches.
Modifier.size(48.dp)Going Edge-to-Edge
Modern apps draw behind the status and navigation bars. Call enableEdgeToEdge in your Activity to let content fill the entire screen.
enableEdgeToEdge()
setContent { App() }Avoid Hiding Behind System Bars
Once edge-to-edge, content can slip under system bars. WindowInsets tell you exactly how much space those bars occupy so you can pad around them.
Quick Check
You add a share icon button. What lets TalkBack announce its purpose?
Apply Insets the Easy Way
The simplest fix is a safeDrawing inset modifier. It pads your content away from the cutouts and bars without any manual math.
Modifier.windowInsetsPadding(
WindowInsets.safeDrawing
)Test Accessibility Early
Turn on TalkBack and the Accessibility Scanner on a device. They surface missing labels and low contrast before a reviewer or user finds them.
Group Related Content
Scattered labels are tiring to hear. Use mergeDescendants in semantics so a card reads as one unit, giving TalkBack users a smoother pass.
Modifier.semantics(
mergeDescendants = true
) {}Recap: Accessible and Immersive
You labeled icons, scaled text in sp, kept targets at 48dp, and went edge-to-edge with insets. Now your app welcomes every user.
Perguntas Frequentes
A aula “Acessibilidade e Interface de Ponta a Ponta” é grátis?
Sim — o texto completo de “Acessibilidade e Interface de Ponta a Ponta” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Jetpack Compose Academy, atualize para CoddyKit PRO. O curso de Jetpack Compose Academy inclui 4 aulas no total.
O que vou aprender em “Acessibilidade e Interface de Ponta a Ponta”?
Ofereça suporte a TalkBack, fontes grandes e inserções. Você pratica Jetpack Compose Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Jetpack Compose Academy?
Nenhuma experiência prévia é necessária. Jetpack Compose Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “Acessibilidade e Interface de Ponta a Ponta”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Jetpack Compose Academy?
Sim. Cada aula de Jetpack Compose Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Acessibilidade e Interface de Ponta a Ponta
- Perfis de Inicialização para um Início Rápido
- Pacote de Aplicativo de Lançamento Assinado
- Arquitetura Pronta para Compose Multiplatform