Foto: Glenn Carstens-Peters / Unsplash
Copywriting
Colocar a mensagem principal da oferta só dentro de uma imagem, sem o mesmo texto na página, deixa de fora quem usa leitor de tela, quem traduz a página e quem aumenta a letra
Pedro Toledo · 7 de novembro de 2026 · 3 min de leitura
Colocar a mensagem principal da oferta só dentro de uma imagem, sem o mesmo texto na página, deixa de fora quem usa leitor de tela, quem traduz a página e quem aumenta a letra — porque o texto dentro da imagem não é lido por tecnologia assistiva, não é traduzido pelo navegador e não muda de tamanho, e quem não o vê não entende a oferta. Por que a imagem com o texto desenhado parecer mais bonita e segura, o que caracteriza uma página que entrega a mensagem em texto, e como checar o que sobra da oferta sem as imagens.
Colocar a oferta inteira numa imagem bem desenhada costuma parecer mais bonito e seguro. Desligar as imagens da página, ou aumentar a letra, mostra o que sobra da oferta para quem não vê a peça como o designer a fez.
Colocar a mensagem principal da oferta só dentro de uma imagem, sem o mesmo texto na página, deixa de fora quem usa leitor de tela, quem traduz a página e quem aumenta a letra.
Por que a imagem com o texto desenhado parece mais bonita e segura
O designer controla a fonte, o espaçamento e o efeito, e a peça aparece igual em qualquer tela. O custo é que a mensagem principal passa a depender de a pessoa enxergar a imagem como ela foi feita, e quem usa outras formas de ler a página fica sem a oferta.
O que caracteriza uma página que entrega a mensagem em texto
Uma página assim tem título, benefício, preço e botão em texto de verdade, estilizado por CSS, e usa imagens para ilustrar, e não para carregar a mensagem. Isso tem relação direta com usar o placeholder do campo como se fosse o rótulo — os dois casos apontam pro mesmo princípio de fundo: a informação essencial deve estar em texto real e visível ao usuário, e não em um elemento que some ou não é lido em certas situações.
O que as fontes dizem
O critério 1.4.5 das WCAG, de nível AA, diz que se deve usar texto real em vez de imagem de texto quando a mesma apresentação visual for possível, com exceções para logotipos, imagens decorativas e texto dentro de uma foto maior, não valendo a exceção quando o texto é a informação principal. Leitores de tela dependem do texto alternativo, e imagens de texto não são traduzidas com facilidade. Não encontrei informação sobre a legislação brasileira, e este texto não faz afirmação jurídica.
Como checar o que sobra da oferta sem as imagens
A forma prática é abrir a página com as imagens desligadas, aumentar a letra em 200%, tentar um leitor de tela por alguns minutos e usar a tradução automática do navegador. O que desaparecer, como título, benefício, preço ou botão, deve virar texto real, e as imagens que ficarem recebem um texto alternativo que descreva o conteúdo.
Um exemplo prático
Uma loja publica um banner com "Frete grátis acima de R$ 199" desenhado numa imagem e nada em texto. Um cliente que usa leitor de tela não ouve a promoção, e a tradução automática da página para um cliente estrangeiro não a traduz. Depois, a loja passa a escrever a frase em texto sobre a imagem, com estilo no CSS, e a incluir um texto alternativo no banner.
O ponto central
Antes de publicar uma peça, vale perguntar o que fica quando a imagem não aparece do jeito que foi desenhada. A oferta que só existe dentro de uma imagem é uma oferta que alguns visitantes nunca chegam a ler.
