leitor de tela com um espaço rígido em alt attrib

Question

Eu estou usando um CMS para imagens que é por padrão não gerando atributos alt em tags de imagem a menos que o texto alternativo é fornecido.

Eu posso fornecer um espaço vazio "" para o tag alt para produzir:

<img src="../.." alt=" "/>

Será que isso é um problema com leitores de tela e acessibilidade web?

Answer 1

Se você não estiver usando um texto alternativo, você pode ir sem o atributo alt. Não irá validar, mas isso não vai mudar uma coisa, ele vai funcionar exatamente o mesmo. Você está apenas agradar ao validador.

Usando um espaço não deve trazer quaisquer problemas.

Answer 2

Há três maneiras que os autores HTML pode escrever um texto ALT em suas imagens:

1. Com nenhum atributo ALT dada
2. Com um atributo ALT que não contém quaisquer caracteres legíveis
3. Com um atributo ALT que pode ser lido

Estas são tratados de maneiras diferentes.

No caso de uma imagem que não tem um atributo ALT, como este:

<img src="fruit.png" width="100" height="100" />

... o comportamento leitor de tela padrão é ler o atributo SRC em voz alta. Assim, supondo que esta imagem foi hospedado na pasta images em example.com, o leitor de tela diria: Graphic: h ttp://www.example.com/images/fruit.png. Omitindo o atributo ALT é uma prática ruim, porque os visitantes cegos acabam tendo que percorrer toneladas de jargão irrelevante.

No caso de uma imagem que tem um atributo ALT, que não contém qualquer informação legível, como qualquer um destes dois:

<img src="fruit.png" width="100" height="100" alt="" />
<img src="fruit.png" width="100" height="100" alt=" " />

... o comportamento padrão é para passar em silêncio sobre essa imagem. O leitor de tela não pode pronunciar um espaço ou uma string vazia; e por isso não diz nada. Esta é a maneira correta para suprimir o anúncio de imagens meramente decorativas. Note, no entanto, que a pesquisa de uso leitor mais ecrã WebAIM recente descobriu que a maioria dos usuários cegos querem saber uma imagem é lá mesmo que não transmite muito para eles . Portanto, seja criterioso na supressão de imagens com texto alt vazio; usá-lo somente quando não há realmente zero informações transmitidas pela imagem.

Por fim, é claro, é texto normal alt:

<img src="fruit.png" width="100" height="100" alt="Photo of apples." />

Neste caso, o leitor de ecrã dirá "Gráfico: Foto de maçãs." Colocar um período de marcas a pausa leitor de tela no final do texto ALT.

Escolher bom texto ALT é importante, e pode ser difícil. Em geral, se sua imagem contém uma imagem de texto, então você deve reproduzir o texto (ou uma abreviatura adequada dele) em seu texto ALT. Se é ilustrativo ou fotográfica, seu texto ALT deve ser uma descrição concisa do conteúdo da foto. Se é uma imagem complexa como um diagrama, bem, você pode precisar usar o texto ALT para direcionar o usuário para uma descrição mais completa em outras partes da página. (O atributo LONGDESC foi projetado para esta finalidade, mas não é amplamente suportado por leitores de tela.)

Se a imagem é também um link, é absolutamente vital para que o texto ALT sensível; caso contrário, os visitantes cegos não tem idéia do que o link faz.

Eu recomendo ter um leitor de tela (como NVDA, que é open source) e testes com ele. Pode ser - desculpem o trocadilho ruim -. Um abrir de olhos

Answer 3

único problema é que o cliente quer o site para o estado que é compatível com XHTML - por isso precisamos das páginas para validar: (