Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

F89: Falha dos Critérios de Sucesso 2.4.4, 2.4.9 e 4.1.2 devido àutilização de alt nulo numa imagem em que a imagem é o único conteúdo num link

Aplicabilidade

Conteúdo que contenha links.

Esta falha está relacionada com:

Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio

Diferentes tecnologias de apoio utilizam diferentes estratégias de reparação ao lidar com links que não têm alternativas em texto. Para HTML, podem utilizar o atributo title do elemento anchor, se existir, ou podem utilizar o valor do atributo src do elemento img .

Descrição

Esta condição de falha ocorre quando um link contém apenas conteúdo não textual, tal como uma imagem, e o conteúdo não textual tiver sido implementado de modo a poder ser ignorado pela tecnologia de apoio. Como um link é um controlo interactivo, o utilizador pode utilizar a tecla de tabulação para percorrer até ao link e activá-lo. Uma vez que não existe nenhum conteúdo de texto no link para ser utilizado como o nome, a tecnologia de apoio utiliza uma variedade de técnicas de reparação para encontrar algum nome para utilizar para o link.

Muitas vezes, o texto e as imagens são utilizados numa página para conduzir ao mesmo destino. Isto provoca um efeito "stuttering" (de gaguez) quando dois links muito próximos têm o mesmo nome e o autor tenta eliminar a redundância, fornecendo um atributo alt nulo para a imagem. Infelizmente, este procedimento costuma piorar ainda mais o problema. H2: Combinar a imagem adjacente e os links de texto para o mesmo recurso (HTML) é a abordagem recomendada para reduzir o número de links separados e a redundância indesejada.

Exemplos

Exemplo de Falha 1: Resultados de Procura HTML

Um sítio da Web de procura devolve resultados de procura que incluem um link de texto e uma imagem para corresponder ao sítio da Web. A imagem tem um atributo alt nulo, uma vez que o resultado já inclui um link com uma descrição em texto. Contudo, o leitor de ecrã não ignora o link da imagem, mas utiliza a heurística para encontrar algum texto que possa descrever a finalidade do link. Por exemplo, o leitor de ecrã pode indicar: "football dot gif Football Scorecard".

Código Exemplo:

                                                     <a href="scores.html">
   <img src="football.gif" alt="" />
 </a>
 <a href="scores.html">
   Football Scoreboard
 </a>
}

Recursos

Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.

Testes

Procedimento

  1. Verifique se o link contém conteúdo não textual.

  2. Verifique se o conteúdo não textual foi implementado de modo a poder ser ignorado pelas tecnologias de apoio.

Resultados Esperados