Alt text é o texto que aparece no lugar de uma imagem quando a imagem não é carregável ou quando o usuário está usando um leitor de tela. O texto alt deve fornecer uma breve descrição da imagem. Como se adiciona o texto alt? Existem algumas maneiras de adicionar texto alt a uma imagem. Uma maneira é usar o atributo “alt” na tag HTML “img”. Por exemplo, o atributo “alt”:
Outra forma de adicionar texto alt é usar a propriedade “conteúdo” do CSS. Por exemplo:
img::antes de {
conteúdo: “Esta é uma descrição da imagem”;
}
Porque é importante um texto alternativo?
O texto alternativo é importante porque lhe permite fornecer uma alternativa baseada em texto para conteúdos que de outra forma poderiam ser inacessíveis para alguns utilizadores. Por exemplo, se você tem uma imagem que contém informações importantes, você pode fornecer texto alternativo para que os usuários que não conseguem ver a imagem ainda possam acessar as informações.
O que é imagem alt tag?
Uma tag de texto alternativo, ou alt tag, é um elemento HTML que lhe permite fornecer texto alternativo para uma imagem no seu website. O texto alt é exibido se a imagem não puder ser exibida por algum motivo, como se o usuário estiver usando um leitor de tela ou se a imagem estiver desabilitada no navegador.
O texto alt deve ser uma breve descrição da imagem, e deve incluir a palavra-chave que você está direcionando para aquela página. Por exemplo, se você está escrevendo uma página sobre raças de cães, e você tem uma imagem de um golden retriever, seu texto alt pode ser “golden retriever”.
O texto alt é importante tanto para a optimização dos motores de busca como para a acessibilidade. Os motores de busca usam o texto alt para entender o que é a imagem e para indexar a página para palavras-chave relevantes. E, as pessoas que estão usando leitores de tela podem se beneficiar do texto alt porque ele lhes permite entender o que está na página.
Qual é o propósito de usar textos alternativos em imagens?
O propósito do uso de textos alternativos em imagens é assegurar que as imagens sejam acessíveis ao maior número de pessoas possível. Os textos alternativos fornecem uma descrição da imagem baseada em texto, que pode ser lida por leitores de tela e outras tecnologias de assistência. Isto permite às pessoas com deficiências visuais compreender o conteúdo da imagem.
Quando não se deve usar texto alt?
Há algumas ocasiões em que você não deve usar o texto alt. Por exemplo, se a imagem é puramente decorativa e não transmite qualquer informação, então não há necessidade de fornecer texto alt. Adicionalmente, se a imagem já está sendo descrita no texto ao redor, então o texto alt seria redundante. Finalmente, se fornecer texto alt resultaria numa descrição muito longa, talvez seja melhor fornecer uma breve descrição no texto principal e depois fazer um link para uma descrição mais detalhada noutro local.