![[Paris, 06 de dezembro 2011] A conferência da campanha presidencial Web 2012 (Ideos / 2.0 parceiro eleito)](http://www.elus20.fr/images/pdffrance2011_elus20.jpg)
Criar imagens longa descrição disponível
  |  |
Imprimir  |
Enviar  |
Compartilhar         |
Atenção: a versão original deste documento é Criando Imagens Acessível: descrições longas . Esta tradução francesa foi feita por Ideos abrigo de um acordo entre WebAIM e Ideos .
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 digital acessível .
Sumário
- Página 1: Introdução
- Página 2: Imagens para melhorar a compreensão
- Página 3: Cor e Contraste
- Página 4: Textos em imagens
- Página 5: Os gráficos que causam espasmos
-
Página 6: Criando alternativas bom texto (atributo
alt) - Você está na página 7: Descrições longas
Ao fazer uma descrição longa?
Em alguns casos, uma imagem é demasiado complexo para descrever em poucas palavras.
Tabelas e gráficos são os principais exemplos de tais imagens.
Embora não haja limite para o tamanho do texto em um atributo alt , o alt texto deve ser relativamente curto.
Seria um abuso de escrever mais do que algumas palavras ou até mesmo algumas frases curtas.
Portanto, a resposta é dar uma alternativa de texto curtas no atributo alt e fornecem uma maneira mais detalhada.
Métodos para criar uma descrição longa
Existem várias maneiras de dar uma longa descrição de imagens. Estas oportunidades estão listados abaixo que a maioria preferiu o menos preferido:
- Coloque uma longa descrição do contexto do próprio documento.
- Coloque um link para a descrição longa para o texto link.
-
Coloque um link para uma longa descrição através do atributo
longdesc. - Coloque um link para uma descrição de comprimento com um link "d" link.
Aqueles que estão familiarizados com as técnicas de acessibilidade pode se surpreender ao ver o atributo longdesc link e "d" link no final da lista.
O motivo é que ambas as abordagens são problemáticas.
O atributo longdesc é invisível (e inacessível em alguns browsers) para pessoas que não usam leitores de tela moderna.
O link "d" é uma ligação convencional.
Ela pode ser confuso para as pessoas que não sabem.
A maneira mais fácil de disponibilizar descrições longas é torná-los visíveis e disponíveis para todos, deficientes ou não.
No corpo do documento
Por uma longa descrição no corpo do documento, onde há a imagem, todos se beneficiam, não apenas os deficientes. Todo mundo vai ser capaz de ler a descrição longa e benefício. Aqui está uma encarnação exemplo com uma imagem de um gráfico:
O gráfico acima mostra as percentagens do total não-institucionais EUA com idades entre 16-64 anos de referência uma ou mais deficiências. Os valores dos percentuais em cada categoria são:
- Total de pessoas relatar um ou mais deficiências: 18,6%
- Deficiência sensorial (visual ou auditiva): 2,3%
- Deficiência física: 6,2%
- Deficiência mental: 3,8%
- Auto-cuidado: 1,8%
- Dificuldade de sair de casa: 6,4%
- incapacidade profissional: 11,9%
Os dados são extraídos do documento do Censo dos EUA de 2000 (pdf, 880 kb) .
No exemplo acima, os dados aparecem depois que a imagem e são acessíveis a todos.
Um link de texto normal
A segunda melhor maneira de fornecer uma descrição longa é simplesmente colocar um link para um texto. Não existe um código específico ou técnica específica para usar aqui. Basta colocar um link para uma descrição longa, como no exemplo abaixo:
A descrição textual da carta está disponível em outra página.
Informações estão disponíveis a todos por este método também, mesmo que clicar em um link para ela. O link é visível a todos. Você pode escolher para clicar ou não.
O atributo longdesc
O atributo longdesc , que pode ser adicionado a uma tag img , não faz nada mais do que fornecer um link para uma página onde uma longa descrição está disponível.
Ele funciona da mesma forma como no exemplo anterior, exceto que a ligação é invisível para os leitores deficientes visuais.
O exemplo a seguir é o mesmo gráfico com um atributo longdesc acrescentou:
Incluem aqueles que vêem que não há nada visível quando o atributo longdesc é usado.
No caso deles, é como se ele não estivesse lá.
As únicas pessoas que podem acessar o atributo longdesc são aqueles que utilizam leitores de tela moderna.
Leitores de tela não interpretam os mais velhos atributo.
Mesmo entre aqueles que usam a última versão do seu leitor de tela, há muitos que não estão familiarizados com o atributo longdesc (porque é muito raramente utilizado) e não sei como acessá-lo, mesmo se o leitor A tela suporta.
O ponto chave é que o atributo longdesc só beneficia um pequeno número de pessoas, apesar do fato de que é uma técnica recomendada, tanto as recomendações da WAI e 508 Seção.
Aqui está o código para o atributo longdesc :
Os links "D" ("D" Links)
Antes da tag longdesc é suportado por leitores de tela, um grupo de pessoas decidiram que precisavam de um método equivalente que é suportado pelos navegadores.
Eles, então, inventou o link "d".
A letra "d" significa "descrição".
Estes links "d" são na verdade links que apontam para outras páginas que ligam é o título da letra "d".
Aqui está um link seria parecido com "d" no nosso exemplo:
Você pode usar um D de capital ou pequena d. Não é realmente importante. Um link "D" é geralmente colocado logo após a imagem. Esta técnica funciona em todos os navegadores, ele cumpre seu objetivo de fornecer uma descrição textual, mas é menos elegante do que outros métodos. Algumas pessoas vão ser confundido por um link cujo título é uma única letra. Outros simplesmente ignorá-lo. Você pode usar este método, mas somente se você tiver uma boa razão para rejeitar o outro.
Laços comerciais
WebAIM é uma iniciativa de:
Copyright 1999-2009 WebAIM
