Crie imagens disponíveis: textos em fotos
| |
Imprimir |
Enviar |
Ação |
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 .
Resumo
- Página 1: Introdução
- Página 2: Imagens para melhorar a compreensão
- Página 3: Cor e contraste
- Você está na página 4: Textos em imagens
- Página 5: Os gráficos que causam espasmos
-
Página 6: Criando alternativas bom texto (atributo
alt) - Página 7: longas descrições
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.

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.

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 .
Relações comerciais
Direitos Autorais 1999-2009 WebAIM




































