Devo repetir o nome da pessoa no texto alternativo de <img> se o nome já estiver na fonte abaixo da imagem?

StackOverflow https://stackoverflow.com/questions/2144701

Pergunta

se já tenho o nome da pessoa abaixo/sobre a imagem, devo usar o mesmo nome no texto ALT?

texto alternativo http://easycaptures.com/fs/uploaded/227/6990285751.jpg

<p><img width="125" height="157" alt="George Washington" 
src="media/gw.jpg"><span>George Washington</span><p>


<p><span>George Washington</span>
<img width="125" height="157" alt="George Washington" src="media/gw.jpg"><p>

Devo repetir <span> em alt em ambas as condições?a imagem não tem link.

Foi útil?

Solução

Sim.

O texto alt é importante para os leitores de tela e tal. O texto 'próximo' a uma imagem não tem muito significado para esses programas.

Mais algumas informações de W3C sobre o assunto.

Outras dicas

Não. O conteúdo duplicado é inútil. Se uma imagem apenas ilustra algo que já existe no conteúdo normal de texto, ela deve ter um atributo alt em branco

Como teste útil, use o navegador Lynx para olhar para a página. Se parecer estúpido, o texto alt está errado.

Aqui está como ele renderiza se você duplicar o texto alt (copiar/colar do seu exemplo):

    George Washington George Washington

Não ...e sim!

  • Não, na minha opinião você não deveria apenas repita o texto.
  • No entanto, você deve Veja o ALT atributo como uma oportunidade para fornecer um (breve) descrição da imagem, por ex."Retrato de George Washington, óleo sobre tela, por volta de 1790".

Neste caso a imagem faz não servem apenas como formatação de página.Em vez disso, é um elemento que transporta informações.Usuários que não conseguem ver as informações (por exemplo,leitores de tela) deveriam pelo menos ter a chance de saber o que estão perdendo.

Não. O texto alt é mostrado como um alternativo para a imagem quando não pode ser mostrado.

Aqui está um extrato da especificação que é bastante direta:

  • Não especifique texto alternativo irrelevante ao incluir imagens pretendidas
    Para formatar uma página, por exemplo,
    alt = "Red Ball" seria inapropriado para uma imagem que adiciona uma bola vermelha para decorar um título ou parágrafo. Nesses casos, o texto alternativo deve ser a string vazia (""). Os autores são de qualquer caso para evitar o uso
    imagens para formatar páginas; folhas de estilo
    deve ser usado em vez disso.
  • Não especifique texto alternativo sem sentido (por exemplo, "texto fictício"). Não apenas isso frustrará os usuários, mas também diminuirá os agentes de usuários que devem converter texto em saída de fala ou braille. Jogue terminais, usuários cujos navegadores não suportam formulários, usuários com deficiência visual, aqueles que usam sintetizadores de fala, aqueles que configuraram seu usuário gráfico
    Agentes para não exibir imagens, etc.

Por isso, diz bem claro para não repetir. "Red Ball" no primeiro caso pode ser substituído por "George Washington".

Aqui está um bom artigo sobre como usar o alt-atributo corretamente: Atributos alt

EDITAR: Ok, acho que fiquei mal compreendido. Eu não disse que ele não deve usar um atributo alt alt aqui.

Estamos falando de leitores de tela e Accessibilty aqui, certo? Eu concordo que a imagem é importante para nós. Mas é para cegos? Ou é apenas decoração para o texto?

Lembre -se da pergunta que estava severa Para repetir o nome no atributo alt. E eu digo "não". Quando as imagens não são mostradas, o texto alt é exibido. Eu faria isso da seguinte maneira:

<p><img src="george.jpg" alt="Image of " />George Washington</p>

O atributo alt é o alternativa para quando a imagem não é mostrada e não uma descrição (nós temos description por esta).

Não faria machucar - caso contrário, o usuário do ScreenReader poderia se perguntar se a imagem é de fato a da pessoa cujo nome vem a seguir.

Esta informação refere-se ao Jaws para Windows, mas provavelmente também se aplica a outros leitores de tela.Sempre coloque informações em uma tag alt.A forma como o jaws reconhece os gráficos é bastante personalizável, você pode ter apenas gráficos com tags alt faladas, gráficos reconhecidos pelo mouse, atributo de título, etc.Em geral, com a configuração padrão, as tags alt serão faladas e qualquer outra informação será ignorada.Se uma tag alt não estiver disponível, o leitor de tela fará o melhor para ler o gráfico, mas isso é problemático.

Eu vou para alt="" aqui.

Por favor, verifique este artigo que fornece exemplos muito bons:http://webaim.org/techniques/alttext/

Citando esse artigo:


O atributo alt normalmente deve:

  • Seja preciso e equivalente ao apresentar o mesmo conteúdo e função da imagem.

  • Seja sucinto.Isso significa que o conteúdo correto (se houver conteúdo) e a função (se houver uma função) da imagem devem ser apresentados da forma mais sucinta possível.Normalmente, não são necessárias mais do que algumas palavras, embora raramente uma ou duas frases curtas possam ser apropriadas.

  • NÃO seja redundante nem forneça as mesmas informações do texto no contexto da imagem.

  • NÃO use as frases "imagem de..." ou "gráfico de..." para descrever a imagem.Geralmente fica claro para o usuário que se trata de uma imagem.E se a imagem transmite conteúdo, normalmente não é necessário que o usuário saiba que se trata de uma imagem que transmite o conteúdo, e não de texto.Se o fato de uma imagem ser uma fotografia ou ilustração, etc.é um conteúdo importante, pode ser útil incluí-lo em um texto alternativo.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top