Uma das maneiras mais simples de tornar seu website mais acessível é usar um atributo alt em suas tags de imagem. É incrível para mim quantas pessoas se esquecem de usar esse atributo simples. De fato, agora, se você quiser escrever XHTML válido, o atributo alt é necessário para a tag img. E ainda assim as pessoas ainda não fazem isso.
O atributo ALT
O atributo alt é um atributo da tag img e destina-se a ser um alt ernativa para navegadores não visuais quando se depararem com imagens. Isso significa que o texto deve ser usado quando a imagem não estiver visível na página. Em vez disso, o que é exibido (ou lido) é o texto alternativo.
Muitos navegadores também exibem o texto alt quando o cliente coloca o mouse sobre a imagem. Isso significa que o texto deve ser claro e fácil de ler e não criar um enorme pesadelo popup para qualquer leitor que pause o mouse na sua página. Adicionar texto alt é simples, basta usar o atributo alt em sua imagem. Aqui estão algumas dicas para escrever tags alt:
Seja breve
Alguns navegadores vão realmente quebrar se o texto alt for muito longo. E embora possa parecer interessante descrever exatamente o que está na imagem, esse não é o objetivo da tag alt. Em vez disso, deve ser preenchido com as palavras necessárias para colocar a imagem no contexto e não mais
Seja claro
Não seja tão breve que o contexto seja confuso. Lembre-se de que algumas pessoas só verão o texto em suas tags alt, por isso, se for muito breve, talvez não entendam o que você está tentando mostrar. Por exemplo:
- Uma árvore: bom
- Uma árvore de plátano: melhor
- Um plátano de 10 pés de altura com folhas quase marrons e possivelmente algo de errado com sua casca: Demasiado
Seja contextual
Não descreva a imagem se ela for visualizada no contexto. Por exemplo: se você tem uma imagem do logotipo da empresa, escreva "Nome da empresa" e não "Logotipo do nome da empresa".
Não exibir o funcionamento interno do seu site
Se você está colocando em imagens espaçadoras, basta usar um espaço para o seu texto alternativo. Se você escreve "spacer.gif", apenas chama a atenção para o site, em vez de fornecer informações úteis. E, tecnicamente, se você está tentando escrever XHTML válido, você deve usar CSS em vez de imagens espaçadoras, assim você pode deixar o texto alt fora dessas imagens.
Seja Consciente do Mecanismo de Pesquisa
Se você tiver um texto alternativo bom, conciso e claro, isso pode realmente ajudar na classificação do seu mecanismo de pesquisa, pois as imagens na sua página promovem e aprimoram suas palavras-chave.
Não use apenas para otimização de mecanismos de pesquisa
Muitos sites acham que, se usarem o texto alternativo como uma ferramenta de SEO, podem "enganar" os mecanismos de busca para otimizar o site para uma palavra-chave que não têm lá. No entanto, isso pode sair pela culatra se o mecanismo de pesquisa decidir que você está tentando falsificar seus resultados e removê-lo dos resultados completamente.
