Saltar para o conteúdo
EUID Serviço de auditoria & selo, Página inicial
Mandar auditar o seu sítio

Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung

Acessibilidade

Quando o texto pode aparecer como uma imagem?

Uma imagem mostrando texto não pode ser ampliada sem borrar, colorir, ler e traduzir. Nível AA (1.4.5) permite imagens de texto se eles são personalizáveis ou a apresentação é essencial. O critério 1.4.9 do nível AAA remove a primeira exceção: imagens de texto só são permitidas como decoração pura ou onde exatamente essa representação é essencial, como logotipos e padrões de fonte.

O que o critério requer

Cada texto que carrega informações fica como texto no texto fonte e é definido pelo navegador. Gráficos com texto são permitidos se o texto só adorna (uma legenda deve ser colocada como texto ao lado dele) ou se a representação em si é a informação: um logotipo, uma caligrafia, uma comparação de fontes. Banners de publicidade com texto de oferta, títulos como gráfico, citações como imagem e tabelas como captura de tela violam o critério.

Por que o texto real ganha

O texto real pode ser ampliado com o navegador, ouvido com os leitores, lido com a linha braille, traduzido para outros idiomas, copiado e pesquisado. Ele carrega mais rápido do que uma imagem e está disponível para motores de busca. Com fontes web e design de texto na folha de estilo, hoje quase qualquer tipografia pode ser definida como texto real; a desculpa anterior de que a fonte da empresa só é possível como uma imagem não mais se aplica.

É assim que lidamos com isso

A medida encontra imagens e lê seu texto alternativo; se uma imagem mostra texto, reconhece a análise de imagem do serviço, que descreve imagens reais. A decisão sobre se a representação é essencial é tomada por uma pessoa. O critério pertence à categoria AAA no conhecimento; no nível AA o serviço verifica 1.4.5.

Exemplos

Oferecer texto como um gráfico de banner

Não encontrado
<img src="aktion-sommer.png" alt="20 Prozent auf alle Fahrräder bis 31. August">
Realizado
<div class="banner">
  <p class="gross">20 Prozent auf alle Fahrräder</p>
  <p>bis 31. August</p>
</div>

No nível AAA, o texto permanece como uma imagem apenas para logotipos e para casos em que a representação em si é a informação.

  • Encontre imagens que mostram palavras: banners, botões como gráficos, cabeçalhos, citações, tabelas como captura de tela.
  • Substitua-os por texto real com o mesmo design via fonte web e folha de estilo.
  • Mantenha logos como uma imagem, com um texto alternativo que menciona o nome.
  • Verificar novo material publicitário antes da publicação: texto pertence à página, a imagem mostra o assunto.

Deutsche Fassung dieser Seite

  • Selo Digitale Barrierefreiheit
  • Selo Daten & Recht
  • Selo Technische Qualität
  • Selo Digital Excellence
  • Selo Cyberversicherung

Auditado. Por um futuro digital melhor.euid.com