Qual é o benefício adicionar alt vazio = ""? e qual alt deve ser usado este alt = "" ou alt = ""?

Question

Qual é o benefício adicionar nulo alt = ""? é apenas para passar a validação ou tem mais motivo

E como deve ser escrever?

assim, sem espaço

alt=""

ou isso com um espaço em branco

alt=" "

Answer 1

Outras respostas apontaram os requisitos no padrão. Aqui está um exemplo prático:

Dado o texto alt em branco, o Lynx renderá:

Dado um atributo alt ausente, o Lynx renderá:

filename.jpg

Você não deseja que seu conteúdo tenha nomes de arquivos irrelevantes espalhados por toda parte.

Answer 2

Para obter o seu XHTML validado. O alt é um atributo necessário nas imagens.

Adicioná -lo vazio, no entanto, é um sinal de preguiça dos programadores (embora eu admita que também faço isso para imagens que não são essenciais para a navegação do site como pequenos elementos decorativos e assim por diante).

PS Se você tiver elementos decorativos, como componentes de sombra, certos ornamentos, você pode adicioná-los não com imagens, mas como um fundo CSS, evitando a necessidade de escrever um texto alternativo e manter sua marcação limpa de coisas que não sejam de conteúdo.

Answer 3

Para imagens que não possuem texto alternativo adequado (isto é, imagens que não carregam nenhuma semântica, como elementos decorativos), o alt o atributo deve estar vazio. Significado vazio vazio, não um único espaço (que é uma convenção e recomendação, mas uma boa).

o alt atributo deve ser especificado para o IMG e AREA elementos. É opcional para o INPUT e APPLET elementos.

Embora o texto alternativo possa ser muito útil, ele deve ser tratado com cuidado. Os autores devem observar as seguintes diretrizes:

• Não especifique texto alternativo irrelevante ao incluir imagens destinadas a 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 (""). De qualquer forma, os autores são aconselhados a evitar o uso de imagens para formatar páginas; As folhas de estilo devem ser usadas.
• 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.

Os implementadores devem consultar a seção sobre acessibilidade para obter informações sobre como lidar com casos de texto alternativo omitido.

—Especificação HTML 4. Seção 13.8 Como especificar texto alternativo

Answer 4

Vou adicionar isso como uma resposta também (originalmente um comentário sobre outra resposta), pois isso faz sentido fazê -lo.

As imagens usadas para modelar a página (e, portanto, não possuem uso real de "Alt") devem ser inseridas através de CSS e imagem de fundo e seus parentes, não por meio da marcação. Dessa forma, você faz duas coisas boas de uma só vez. Você mantém seu design em suas folhas de estilo e mantém o código não -semântico da sua página.

Embora eu pense que a "semântica é Deus"-o movimento não conseguiu ver a falha que é div e span, e a ambiguidade inerente que eles produzem, ainda acho que uma div com imagem é melhor que uma etiqueta IMG para estilo.