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: imagens para melhorar a compreensão

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: imagens que melhorar a compreensão . 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 .

Introdução

Algumas pessoas pensam que os gráficos são ruins para a acessibilidade. A verdade é que os gráficos podem ser muito benéficos para a acessibilidade de uma página da Web que fornece imagens, ícones, animações e outros elementos visuais que melhoram a compreensão das pessoas que enxergam. Muitas vezes esquecemos que não estamos desenvolvendo para o cego. Todos os tipos de deficiência deve ser considerada. Os gráficos podem ser particularmente útil para pessoas com determinadas deficiências na leitura, dificuldades de aprendizagem, déficit de atenção ou deficiências cognitivas.

Ilustrações

Muitos conceitos são transmitidos de forma mais eficiente com a adição de ilustrações. Tente aprender a anatomia humana em um livro (ou em um site), sem ilustrações. Em que ponto seria eficaz? Um exemplo de uma imagem dos músculos da mão.

Ilustração médica de um músculo da mão

Você provavelmente vai achar difícil imaginar uma descrição textual pode ser tão compreensível como o texto complementada por ilustrações. As ilustrações tornam o conteúdo mais acessível para você. Ilustrações também pode ser particularmente benéfico para aqueles com dificuldades de aprendizagem ou dificuldades de leitura. Os desenvolvedores de cursos de ensino devem considerar especialmente o uso de ilustrações para melhorar a compreensão.

Animações

Animações e distúrbios de atenção

As animações são raramente utilizados para melhorar a acessibilidade dos conteúdos web. Principalmente, eles são simplesmente desnecessário. Os banners voluntariamente usar animações de qualidade para nos distrair do conteúdo principal do documento. Escolas de ensino fundamental são conhecidos por seu uso de animações bonitas que não têm nenhum interesse especial, excepto para atrair a atenção das crianças com precisão. Na verdade, a atenção das crianças é desviado o conteúdo principal da página. Por exemplo, uma animação comumente usado é a de que de uma caixa de correio que abre e fecha, como o um abaixo:

animação de uma caixa de correio

A pergunta que você deve se perguntar é se a animação é essencial para o conteúdo da página. É o objetivo da página é encorajar as pessoas a enviar e-mails? Talvez, mas provavelmente não. Este tipo de animação é o mais frequentemente na parte inferior de uma página que não tem nada a ver com o envio de um e-mail para a pessoa que escreveu a página. A animação é uma distração, mesmo quando utilizado em sites para crianças. Seria preferível para eliminar esta distração.

Animações para melhorar a compreensão

O fato de que os gráficos são freqüentemente usados ​​para distrair a pessoa não significa que eles não podem servir a um propósito mais útil. As animações ilustrar os movimentos e procedimentos de uma forma que seria difícil fazê-lo pelo texto. Imagine, por exemplo, você queria aprender uma dança escocesa. Uma pessoa pode descrever as etapas de um texto e, talvez, ele vai trabalhar, mas para a maioria das pessoas, seria mais fácil para ver uma animação de cada etapa, para que pudéssemos replicar os movimentos visto na animação. No caso das pessoas com deficiência com dificuldades de leitura ou benefícios cognitivos de animações são ainda mais importantes.

Só para comparação, ler uma descrição de texto de uns passos de dança escocesa, em seguida, assistir a um filme. Primeiro, o texto descritivo:

Texto descritivo

Coloque o braço direito acima de sua cabeça, dobrar o cotovelo em um ângulo de cerca de 45 graus. Coloque sua mão esquerda no quadril. Pulou em seu pé direito. Ao mesmo tempo, como você hop, alternar a posição de seu pé esquerdo primeiro na frente e atrás de sua perna direita, mas não deixe que o seu pé esquerdo tocar o chão. Seu joelho esquerdo deve ser dobrado quando você faz esse movimento. Execute um total de quatro saltos com o pé direito, em seguida, inverter a posição de seus braços e saltar o começo do seu pé esquerdo, enquanto sua perna direita executa as acções já empreendidas por sua perna esquerda. Depois de quatro saltos em sua perna esquerda, perna direita e ferro colocar seus braços em sua posição original. Desta vez, fazer uma curva em U, saltando de uma forma circular e que em quatro saltos até que você esteja de volta onde você começou. Repita o procedimento.

Até que ponto você acha que conseguiu o que nenhum de dança?

Animação

Agora olhe para uma animação dos passos de dança escocesa .

A animação faz melhorar a compreensão de um texto descritivo? O que teria acontecido se você tivesse só a animação, mas não o texto descritivo? O que teria acontecido se não tivesse sido capaz de ler as instruções? Para aqueles de vocês que não falam japonês, é fácil imaginar como o site que hospeda a dança animada escocês é um site japonês. Dê uma olhada na galeria alguns estilos de danças folclóricas neste site japonês. Você acha que você seria capaz de realizar esses passos de dança, simplesmente olhando para as animações? Supondo que você pode ver essas animações, a resposta pode ser "sim". Claramente ver as animações realmente melhorar a compreensão do assunto.

Claro, texto descritivo será necessário para aqueles que são cegos, mas vamos tratar esta área um pouco mais.

Ícones

Muitos programas de software usam ícones que substituem ou acompanham o texto nas barras de navegação (acho que o Microsoft Word, por exemplo, e os ícones para abrir um arquivo Ícones: arquivo aberto Para imprimir Ícone: imprimir um arquivo , Etc..). Aqui é um conjunto de ícones para a barra do Internet Explorer:

ícones para 'voltar', 'frente', 'interromper o carregamento da página', 'atualização da página ", e ir para a página inicial, o Internet Explorer

Aqui é um conjunto de ícones similares ao navegador Web Opera:

ícones para 'voltar', 'frente', 'atualização da página ", e ir para a página inicial, o navegador Opera

A utilidade de um ícone depende de:

  • se bem pensados,
  • se transmite um conceito preciso,
  • se o público entende o conceito transmitido,
  • se expressa claramente o conceito que é suposto transportar.

Ícones deve ser simples e deve ser facilmente entendido. Seu valor artístico é uma consideração secundária, mas com ícones atraentes pode ter um efeito negativo sobre a sua compreensão. Portanto, escolha o seu criador!

Um problema com ícones é que eles raramente são incluídas na mesma maneira por todos. A maioria das pessoas associam uma seta apontando para a esquerda (como a abaixo) com a noção de retorno ou voltar, mas em idiomas em que o texto é escrito da direita para a esquerda, seu significado é invertida.

seta para a esquerda

Na verdade, não há ícones reais que são entendidos em todas as línguas e culturas. Mesmo dentro da mesma cultura e língua, os ícones podem ser facilmente mal interpretada. Imagine que alguém decide adicionar um ícone para uma página para indicar que as informações em um parágrafo são apenas especulações e não devem ser consideradas verdadeiras. Para indicar isso, um ponto de interrogação, como a abaixo, é colocado antes de cada um de tais informações no parágrafo.

Será que você sabe imediatamente o que significa o ponto de interrogação? Provavelmente não. Se o significado deste ponto de interrogação foi explicado, em seguida, o ícone seria útil. Você pode usar os ícones e pode realmente aumentar a compreensão, mas apenas quando usado sabiamente.

Para a população geral, os ícones podem ser útil, mas eles não são sempre absolutamente necessário. Algumas pessoas com certos tipos de comprometimento cognitivo, no entanto, precisam de compreender a informação ícones. Alguns sites são desenvolvidos especificamente para essa população. Mesmo com ilustrações e ícones, essas pessoas muitas vezes precisam da ajuda de outra pessoa, mas eles podem entender o significado dos ícones com alguma prática.

Vídeo e Multimédia

Embora não possamos entrar em detalhes do vídeo e multimédia, vale ressaltar que estes elementos também podem ser usados ​​para melhorar a compreensão, da mesma forma que as ilustrações, animações e ícones. Quando um vídeo é usado e você fornecer uma transcrição textual (para cegos) e legendas (para deficientes auditivos), estes elementos realmente participar na melhoria do entendimento antes de responder às necessidades de acessibilidade . Em relação a outros tipos de multimédia, tais como Flash, as questões de acessibilidade são um pouco complexa, mas normalmente é possível apresentar o conteúdo de uma forma que seja acessível às pessoas com deficiência.

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

Direitos Autorais 1999-2009 WebAIM

Início da página