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:
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.
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.
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.