Back to the original French page Read this page in Italian by Google Translation Read this page in Portuguese by Google Translation Read this page in English by Google Translation Read this page in German by Google Translation Read this page in Spanish by Google Translation Read this page in Arabic by Google Translation Read this page in Hebrew by Google Translation

Crie imagens disponíveis: textos em fotos

Ir para o início do conteúdo sem usar a barra de consulta e compartilhamento Como usar a barra de consulta e compartilhamento Ouça o conteúdo principal desta página
Imprimir Imprimir o conteúdo principal desta página Enviar Enviar e-mail o conteúdo principal desta página Ação Compartilhar esta página sobre TwitThis Compartilhar esta página no Facebook Compartilhar esta página sobre Wikio Compartilhar esta página no Google Compartilhar esta página no LinkedIn Compartilhar esta página no Digg Compartilhar esta página em del.icio.us Compartilhar esta página sobre Netvibes

Atenção: A versão original deste documento é criar as imagens acessíveis: Dentro de gráficos de texto . Esta tradução francesa foi feita por Ideose como parte de um acordo entre WebAIM e Ideose .

Nota: Consulte a página documentos sobre acessibilidade web para uma lista de todos os documentos traduzidos. Outros recursos de acessibilidade web também estão listados no portal digitais acessíveis .

Imagens ampliadas pixelização

Muitas vezes, os gráficos conter parte do texto da imagem. Por exemplo, a tabela abaixo contém a palavra "universidade". Alguns usuários com baixa visão programas de uso que se expandem elementos na tela, para que possam ver mais facilmente. Infelizmente, quando o texto está em uma imagem ampliada, que muitas vezes aparece pixelizada e se torna difícil de ler. Veja um exemplo.

pixel da imagem de "universidade" da palavra, mas difícil de ler

O gráfico foi expandida para 500% do seu tamanho normal. Você pode ver que o texto é difícil de ler. Se um texto real tinha sido usado, teria sido muito mais fácil de ler, como no exemplo abaixo:

Universidade

Então isso significa que você não deve usar texto em suas imagens? Em um mundo ideal, talvez, mas a tecnologia atual faz com que seja difícil de conseguir sem uso algum texto desenhos em gráficos. A resposta prática é que você deve tentar limitar a quantidade de texto em gráficos. Um dos lugares onde o texto dentro de gráficos podem ser justificadas está nos logotipos e imagens de marca. A Internet não oferece uma maneira de transmitir o texto dessas imagens sem o uso de um plugin, como o Flash ou SVG. No entanto, há uma maneira de usar o texto real, você deve fazer.

O texto pixelizada pode ser particularmente difícil de ler quando há outros elementos visuais para o fundo, como na imagem ampliada da capa de um livro.

capa do livro 'Harry Potter' com texto branco e um fundo azul escuro e outros elementos que obscurecer o texto

Embora o texto branco contrasta bem com o fundo azul-escuro, os desenhos do fundo obscurecer o texto, apesar do facto de estes desenhos são subtis.

Recomendações

Se você precisa colocar um texto em uma imagem, siga estas recomendações:

  • Use tamanhos de fonte tão grande quanto possível.
  • Use fontes simples, se possível.
  • Use um bom contraste de cor entre o texto eo fundo.

Uma boa ferramenta para verificar contraste de cor (bem como a compatibilidade de cores para daltonismo) pode ser usado no sítio Vischeck .

WebAIM é uma iniciativa de:
Centro para Pessoas com Deficiência (CPD) Utah State University

Direitos Autorais 1999-2009 WebAIM

Início da página