Aula 11 · Semana 6 · Terça, 13 de outubro de 2026 · 08:30 às 10:30
Acessibilidade e mini-projeto
Primeira parte: acessibilidade em mobile, a alto nível, e um vídeo. Segunda parte: continuar o mini-projeto Trilhos, que se entrega amanhã.
No fim desta aula consegues
Explicar porque a acessibilidade é obrigatória e o que custa ignorá-la.
Reconhecer quem beneficia: deficiências permanentes, temporárias e situacionais.
Nomear as quatro regras que mais contam numa app: letra grande, leitor de ecrã, botões com nome, cor e contraste.
Testar uma app com o TalkBack ou o VoiceOver e com a letra no máximo.
Porquê
Lei: o European Accessibility Act está em vigor desde junho de 2025. Apps de comércio, banca, transportes e serviços na UE têm de ser acessíveis.
Lojas: a Apple e a Google avaliam a acessibilidade, e a Apple mostra "Accessibility Nutrition Labels" na App Store.
Pessoas: cerca de 1 em cada 6 pessoas tem alguma deficiência. E todos usamos o telemóvel ao sol, com uma mão, ou com a letra do sistema aumentada.
Engenharia: uma app acessível tem widgets com nome e estrutura clara. É também mais fácil de testar e de manter.
Pergunta à turma Quem tem a letra do telemóvel maior do que o normal? E os vossos pais ou avós?
Para quem é
Permanente
Temporária
Situacional
Ver
Cegueira, baixa visão
Olho operado
Ecrã ao sol
Mexer
Sem um braço
Braço partido
Bebé ao colo, só uma mão livre
Ouvir
Surdez
Otite
Café com barulho, sem auscultadores
Perceber
Dislexia
Cansaço, medicação
Distraído, a meio de outra coisa
Desenhar para o caso permanente resolve os outros dois. Uma app que funciona com uma mão e de olhos fechados funciona para toda a gente.
O que conta, em quatro regras
Regra
Mínimo
Na Tempo Açores
Letra grande: nada fica cortado
texto a 200%
Alturas fixas à volta de texto partem: Wrap em vez de Row
Leitor de ecrã: tudo tem nome e lê-se como frase
TalkBack, VoiceOver
Semantics(label: ...) e semanticLabel nas imagens
Botões só com ícone têm nome
tooltip
Sem tooltip, o leitor diz só "botão"
Cor não é o único sinal; contraste e alvos de toque
4,5:1 e 48 dp
O ColorScheme.fromSeed e os widgets Material já cumprem
O Flutter faz muito sozinho: Text, botões e campos já têm semântica. Tu tratas do que falta.
Como se testa
No telemóvel: TalkBack no Android (Definições, Acessibilidade) ou VoiceOver no iPhone (triplo clique no botão lateral). Com o leitor ligado, toca uma vez para ouvir e duas vezes para ativar.
Letra grande: nas Definições do telemóvel, tamanho do tipo de letra no máximo.
No Flutter:showSemanticsDebugger: true no MaterialApp desenha por cima de cada zona o que o leitor de ecrã lê. Dá para ver no Chrome.
Pergunta à turma Cinco minutos de olhos fechados com o TalkBack: o que achas que vai correr pior?
Vídeo: leitores de ecrã em mobile
Understanding Assistive Technology: Mobile Screen Readers, da Level Access (em inglês): como uma pessoa cega usa o TalkBack e o VoiceOver, e o que encontra nas apps. Abrir no YouTube
Continuar o mini-projeto
Volta ao teu repositório pdm-miniprojeto e continua as tarefas da aula 10.
Commit e Sync a cada tarefa acabada.
Entrega: amanhã, quarta, 14 de outubro, às 16:00. Conta o último commit no GitHub a essa hora.
Se acabares as quatro tarefas: liga o TalkBack e tenta usar a tua app de olhos fechados.
Até amanhã
Próxima aula
Quarta, 14 de outubro, das 16:00 às 18:00. A entrega do mini-projeto fecha às 16:00, no início da aula.