Como adicionar alternativo e texto do título às imagens

Texto Alternativo

descreve uma imagem para que esses usuários que podem&rsquo-t ver as imagens por algum motivo pode acessar esse texto para saber mais sobre a imagem. Adicionando texto alternativo (muitas vezes referido pelos desenvolvedores como &texto ldquo-alt&rdquo-) é uma boa prática, pois representa os seguintes tipos de usuários:

  • Usuários com deficiência visual que podem não ser capazes de ver imagens e deve contar com texto alternativo para um leitor de text-to-speech para ler para eles

  • Os usuários que acessam o site a partir de um browser do telefone com capacidades gráficas limitadas

    Video: Colocar Texto em Imagem no Photoshop

  • Os usuários com conexões lentas de Internet que não escolher para exibir imagens

    Video: Imagem sobre texto - Adobe Photoshop CS6

Alguns motores de busca e ferramentas de catalogação usar texto alternativo para imagens de índice.

A maioria de seus usuários vão ver as suas imagens, mas estar preparado para aqueles que ganhou&rsquo-t. As especificações HTML exigem que você fornecer texto alternativo para descrever cada imagem em uma página web. Use o alt atributo com o img elemento para adicionar essa informação para a sua marcação, assim:

Dentro da Orquestra

Entre as diferentes seções da orquestra você irá encontrar:

violino Cordas



trombeta Latão

clarinete e saxofone sopros

Quando os navegadores don&rsquo-t exibir uma imagem (ou pode&rsquo-T, como acontece com navegadores de texto, tais como o Lynx), eles exibem um texto alternativo em vez disso, como mostrado na figura.

Quando os navegadores mostram uma imagem, navegadores - incluindo Internet Explorer, Firefox, Chrome, Safari e Opera - show de título texto como dicas pop-up quando você passar o ponteiro do mouse sobre uma imagem por alguns segundos, como mostrado na figura. Isto requer a adição de um título atribuir a cada elemento, que é por isso&rsquo-s também incluída na marcação anterior.

Nota: alt texto é necessário para uma página para validar, mas título texto não é necessária.

Video: Efeito Texto Atrás de Imagem no Photoshop

Isto significa que você pode usar um texto alternativo para descrever a imagem para aqueles que podem&rsquo-t vê-lo e / ou texto do título para fornecer informações úteis (ou divertido) sobre a mesma imagem.

o W3C&rsquo-s Web Accessibility Initiative (WAI) inclui dicas úteis para a criação de alternativas úteis e utilizável para o conteúdo visual neste site.

Você pode ver sugestões para usar o texto alt para o chamado keyword stuffing de especialistas em SEO presumíveis. Os motores de busca procurar por determinadas palavras em páginas da web e, por vezes, pode usá-los para classificar determinadas páginas mais elevada nos resultados de pesquisa. Assim, algumas pessoas levar isto para dizer que o uso de palavras-chave no texto alt melhora rankings da página. Isso é falso. dom&rsquo-t fazê-lo!


Publicações relacionadas