Vídeo: 2 Maneiras de adicionar os atributos ALT e TITLE nas imagens do wordpress 2025
Texto alternativo descreve uma imagem para que os usuários que não conseguem ver as imagens por algum motivo podem acessar esse texto para descobrir mais sobre a imagem. A adição de texto alternativo (muitas vezes referido pelos desenvolvedores como o & ldquo; alt text & rdquo;) é uma boa prática porque contabiliza os seguintes tipos de usuários:
-
Usuários com deficiência visual que podem não ser capazes de ver imagens e devem contar com texto alternativo para um leitor de texto para fala ler para eles
-
Usuários que acessam o site a partir de um navegador de telefone com recursos gráficos limitados
-
Usuários com conexões lentas da Internet que optam por não exibir imagens
Alguns mecanismos de busca e ferramentas de catalogação usam texto alternativo para indexar imagens.
A maioria dos seus usuários verá suas imagens, mas esteja preparado para aqueles que não irão. As especificações HTML exigem que você forneça texto alternativo para descrever cada imagem em uma página da Web. Use o atributo alt com o elemento img para adicionar esta informação à sua marcação, assim:
Dentro da Orquestra Entre as diferentes seções da orquestra, você encontrará:
Cordas Latão Madeira a Velha
Quando os navegadores não exibem uma imagem (999). ou não pode, como acontece com navegadores somente de texto como o Lynx), eles exibem texto alternativo, como mostrado na figura.
Quando os navegadores mostram uma imagem, os navegadores - incluindo Internet Explorer, Firefox, Chrome, Safari e Opera - mostram o texto do título como dicas pop-up quando você passa o ponteiro do mouse sobre uma imagem para alguns segundos, como mostrado nesta figura. Isso requer a adição de um atributo de título a cada elemento
, razão pela qual também está incluído na marcação anterior.Nota: texto alternativo é necessário para que uma página seja validada, mas o texto do título não é necessário.
Isso significa que você pode usar texto alternativo para descrever a imagem para aqueles que não conseguem vê-lo e / ou texto de título para fornecer informações úteis (ou divertidas) sobre a mesma imagem.
A Iniciativa de Acessibilidade da Web do W3C (WAI) inclui dicas úteis para criar alternativas úteis e utilizáveis ao conteúdo visual neste site.
Você pode ver sugestões para usar texto alternativo para o chamado preenchimento de palavras-chave de especialistas em SEO presuntivos. Os motores de busca procuram certas palavras nas páginas da web e às vezes podem usá-las para classificar certas páginas em seus resultados de pesquisa. Assim, algumas pessoas consideram isso que o uso de palavras-chave em alt text melhora o ranking das páginas. Isso é falso. Não faça isso!