Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
Por que texto real em sites é melhor que texto em imagem?
Texto real é melhor que texto em imagem porque consegue fazer tudo que uma imagem não consegue: programas de leitura leem-no, visitantes ampliam-no sem perda, o Google procura nele, e funções de tradução transferem-no para outros idiomas. Uma oferta incorporada como foto com horários é invisível para todos esses caminhos.
Texto em imagem é texto mudo
O clássico: o departamento de design cria um lindo anúncio de ação — preço, período e condições como texto na imagem. Para visitantes com visão, isto parece bom. Para todos os outros sistemas, é um beco sem saída: o programa de leitura de um visitante cego não consegue converter os pixels em fala, ao ampliar, as letras ficam pixeladas e desfocadas, o Google não encontra nem preço nem ação, e a tradução automática para inglês falha completamente. Além disso, está a manutenção: cada mudança de preço precisa de um designer gráfico. A regra permite exceções onde a forma gráfica é essencial — o seu logótipo pode naturalmente permanecer uma imagem.
Assim a nossa verificação processa imagens com texto
Se há texto dentro de uma imagem, só se reconhece se se olhar para a imagem com significado — uma máquina teria de ler cada imagem como uma pessoa e depois avaliar se a forma gráfica é essencial ou se o texto poderia estar tão bem como texto real. Essa ponderação é uma tarefa humana. O nosso núcleo de medição não afirma nada que não consiga medir: o critério aparece no relatório como um ponto de verificação humano. No padrão ouro, um verificador vê as imagens do seu site e marca anúncios, botões e gráficos cujo conteúdo textual deve ser realizado como texto real — com recomendação de como a elaboração permanece preservada.
Beispiele
Überschrift als Grafik
<img src="ueberschrift-angebote.png" alt="Unsere Angebote"><h2 class="marke">Unsere Angebote</h2>
<style>.marke { font-family: "Hausschrift", sans-serif; }</style>Echter Text lässt sich vergrößern, umfärben, übersetzen und durchsuchen. Die Hausschrift kommt als Webschrift.
- Procure no seu site anúncios e azulejos onde preços, datas ou números de telefone estejam como imagem — esses conteúdos primeiro.
- Peça à sua agência para separar design e texto: imagem de fundo como imagem, texto como texto real por cima.
- Marque texto no seu site com o rato — o que não consegue ser marcado é uma imagem e pertence à lista de verificação.
- Deixe o seu logótipo como imagem com bom texto alternativo — a exceção da forma gráfica aplica-se nesse caso.
- Pense no efeito secundário: cada texto transferido fica visível para o Google e reforça a sua descobribilidade.