Support Centre

Use texto em vez de imagens de texto

Renée Meloche
Renée Meloche
  • Atualizado

Você pode usar imagens que representam texto para criar interesse visual, estrutura em seu documento ou gerenciar estilos.

Como as imagens se encaixam no design acessível?

Imagens de texto representam uma  barreira potencial  para usuários com diferentes necessidades de acesso. Leitores de tela e outras ferramentas de acessibilidade dependem de  caracteres de texto  para tornar o texto acessível aos usuários.

Veja esta imagem de um folheto, por exemplo:

Uma imagem plana de um folheto.  Em uma coluna há um texto (imagem do texto) descrevendo um evento chamado 'Creative Artists Awards Night', com detalhes dos eventos listados abaixo;  no outro, um design com grafite visual de um rosto humano, um gato, outros personagens e palavras compõe o plano de fundo do design do folheto.

O fundo da brochura é coberto por desenhos em estilo grafite que incluem palavras e letras. As palavras e letras que fazem parte dos visuais de fundo  não  são essenciais para entender o design e não precisam ser lidas por um leitor de tela.

No entanto, a imagem também apresenta texto na coluna da esquerda, com o título do evento "Creative Artists Awards Night" e abaixo dele, detalhes de um evento que um leitor de tela não pode  ler  , a menos que seja transcrito e incluído no  texto alternativo  .

Como posso garantir que as imagens em meu documento estejam acessíveis?

A maneira mais fácil de fazer isso é  usar texto em vez de imagens  de texto sempre que possível.

Estilize o texto com facilidade e rapidez no Venngage Editor, usando o menu  Texto  na barra lateral esquerda.

O menu Texto na barra lateral esquerda do Venngage Editor.  Sob o cabeçalho Texto, uma lista de cabeçalhos e caixas de texto de parágrafo aparece, com estilo aplicado para corresponder ao tipo.  No topo da lista, os itens são: Título, Subtítulo, Título 1, Título 2, Título 3 e Parágrafo.  Na parte inferior da lista, as palavras Mostrar mais aparecem, com uma seta suspensa ao lado dela.  O usuário passa o mouse sobre cada estilo de texto.

Clique no tipo de texto  que deseja colocar na tela e use a caixa delimitadora para movê-lo ou redimensioná-lo.

Use a  barra de ferramentas superior  para personalizar a fonte, o tamanho e a cor.

Uma captura de tela da barra de ferramentas superior no Editor exibindo ferramentas de estilo de texto.  Cada ferramenta está listada abaixo.

Da esquerda para a direita, as ferramentas incluem:

  • Seletor de cores

  • Menu de fontes

  • Menu de tamanho de fonte

  • Peso e estilo da fonte (negrito, itálico, sublinhado)

  • Alinhamento da fonte (Esquerda, Centro, Direita, Justificado)

  • Altura da linha (px)

  • Lista não ordenada (marcador)

  • Lista ordenada (numerada)

  • Link incorporado

  • Tag (para  marcar cabeçalhos  e inserir  texto alternativo)

  • Mover para cima e para baixo (mude a posição do elemento para aparecer na frente ou atrás de outros elementos no design)

  • Grupo

  • Trancar

  • Excluir

Se você não pode usar texto para substituir imagens de texto  , use  texto alternativo para a imagem  . Certifique-se de que contém o  mesmo texto  mostrado na imagem.

Se o texto for  decorativo ou fizer parte de um logotipo  , use o texto alternativo para esclarecer isso.

Esse artigo foi útil?

Usuários que acharam isso útil: 2 de 2

Tem mais dúvidas? Envie uma solicitação