Como usar IA para construir aplicativos acessíveis: prompts para cada perfil do time

A IA como apoio, não como juiz

Ferramentas de IA generativa ajudam a acelerar tarefas repetitivas de acessibilidade: rascunhar textos alternativos, revisar rótulos, propor critérios de aceite, sugerir casos de teste. Mas elas não conhecem o seu produto, podem errar com confiança e não substituem o teste com tecnologias assistivas nem com pessoas com deficiência.

Na própria pesquisa que deu origem ao Ramplifica, a IA foi usada como apoio na redação, e as adaptações dos requisitos passaram pela revisão de especialistas antes de chegar ao site. O mesmo princípio vale para o seu time: a IA propõe, pessoas revisam.

Anatomia de um bom prompt

Um prompt útil para acessibilidade costuma ter cinco partes:

1. Papel: diga quem a IA deve simular, como "especialista em acessibilidade de aplicativos móveis".
2. Contexto: descreva a tela, o público e a plataforma (Android, iOS, web).
3. Referência: cite o requisito da norma. Cada requisito do Ramplifica tem número, descrição e a visão do seu perfil, que você pode colar no prompt.
4. Tarefa: peça algo concreto e verificável.
5. Formato: diga como quer a resposta: tabela, lista, código ou critérios de aceite.

Compare um prompt vago com um prompt que segue essa estrutura:

Prompts para cada perfil

Abaixo, um exemplo para cada perfil do time. Troque o que está entre colchetes pelo contexto do seu produto.

Você é Product Owner de um app de [banco digital]. Transforme o requisito 5.1.2.15 da ABNT NBR 17060 (indicação e correção de erros de interação) em user stories para o [formulário de cadastro]. Para cada história, escreva critérios de aceite testáveis no formato Dado/Quando/Então. Considere que acessibilidade é um requisito legal e deve ter a mesma prioridade das demais exigências de conformidade.

Você é designer especialista em acessibilidade. Abaixo está a descrição das imagens da tela [Notícias] do nosso app. Para cada uma, diga se é informativa ou decorativa, segundo o requisito 5.1.1.1 da ABNT NBR 17060, e proponha um texto alternativo curto para as informativas. Responda em tabela: imagem, tipo, texto alternativo.

[descrição das imagens]

Você é desenvolvedor especialista em acessibilidade em React Native. Revise o componente abaixo e aponte problemas segundo os requisitos 5.1.1.4 (rótulos de elementos interativos) e 5.1.4 (codificação) da ABNT NBR 17060. Reescreva o componente usando accessibilityLabel, accessibilityRole e accessibilityState quando necessário e explique cada mudança em uma frase.

[código do componente]

Você é analista de testes especialista em acessibilidade. Crie um roteiro de teste com TalkBack (Android) e VoiceOver (iOS) para o fluxo de [login] do nosso app. Para cada passo, informe a ação, o que o leitor de tela deve anunciar e o que caracteriza falha, com base nos requisitos 5.1.1.4 e 5.1.2.14 da ABNT NBR 17060. Responda em tabela.

Você é redator especialista em linguagem simples e acessibilidade. Reescreva as mensagens de erro abaixo seguindo o requisito 5.1.2.15 da ABNT NBR 17060: cada mensagem deve dizer o problema e como corrigir, sem jargão técnico, em até 120 caracteres.

[mensagens atuais]

Cuidados antes de confiar na resposta

• Confira as referências: a IA pode inventar requisitos ou trocar os números dos itens da norma. Confirme sempre na lista de requisitos ou na norma oficial.
• Contexto importa: textos alternativos gerados automaticamente descrevem a imagem, mas nem sempre o significado dela naquela tela. Veja a diferença em elementos não textuais.
• Proteja dados: não cole dados pessoais de clientes, credenciais ou código sigiloso em ferramentas externas.
• Teste de verdade: valide com leitor de tela, ampliação e navegação por teclado, e, sempre que possível, com pessoas com deficiência.

Perguntas frequentes