Escrevendo o texto eficaz do alt para imagens
Qualquer um que sabe qualquer coisa sobre a acessibilidade da correia fotorreceptora sabe que as imagens necessitam a alternativa, ou ALT, texto atribuído a elas. Isto é porque os leitores da tela não podem compreender imagens, mas lido rather alto o texto alternativo atribuído a elas. No Internet Explorer nós podemos ver este texto do ALT, simplesmente mousing sobre a imagem e olhando o tooltip amarelo que aparece. Outros browsers (corretamente) não fazem este. O HTML para introduzir o texto do ALT é:
o img src="filename.gif" descrição alt="Alternative vai aqui"
Mas certamente lá não pode estar uma habilidade ao texto do ALT da escrita para imagens? Você PNF justo uma descrição dentro lá e você são bons de ir, direito? Bem, tipo de. Certo, não é ciência do foguete, mas há alguns guidelines que você necessita seguir...
Imagens do espaçador e texto faltante do ALT
Imagens do espaçador devem sempre ser atribuídas o texto nulo do ALT, ou o alt = "". Esta maneira a maioria de leitores da tela ignorará completamente a imagem e não anunciará mesmo sua presença. As imagens do espaçador são as imagens invisíveis que consideravelmente a maioria de Web site usam. A finalidade delas é, porque o nome sugere, criar o espaço na página. Às vezes não é possível criar a exposição que visual você necessita, assim que você pode furar uma imagem dentro (que especifica suas altura e largura) e voliÃ?Æ'Ã?â??Ã?â??Ã"Â, você tem o espaço extra você necessita.
Não todos usa este texto nulo do ALT para imagens do espaçador. Alguns Web site furam na imagem do alt="spacer". Imagine como irritar isto pode ser para um usuário do leitor da tela, especial quando você tiver dez deles em uma fileira. Um leitor da tela diria, "imagem, imagem do espaçador" dez vezes em uma fileira (os leitores da tela dizem geralmente a palavra, a "imagem", antes de ler para fora de seu texto do ALT) - agora que não fosse útil!
Outros colaboradores da correia fotorreceptora saem simplesmente para fora do atributo do ALT para imagens do espaçador (e talvez outras imagens). Neste caso, a maioria de leitores da tela lerão para fora o nome de arquivo, que poderia ser ' newsite/images/onepixelspacer.gif '. Um leitor da tela anunciaria esta imagem como a "imagem, GIF do ponto do espaçador do pixel do slash um das imagens do slash do newsite". Imagine o que este soaria como se houver dez destes em uma fileira!
Balas e ícones
Balas e os ícones devem ser tratados no muito a mesma maneira que imagens do espaçador, assim que devem ser atribuídos o texto alternativo nulo, ou o alt = "". pensa sobre uma lista dos artigos com uma bala extravagante que prosegue cada artigo. Se o texto do ALT, ' bala ' for atribuído a cada imagem então, a "imagem, bala" estará lida alto por leitores da tela antes de cada artigo da lista, fazendo lhe a tomada esse bocado mais longa para trabalhar através da lista.
Os ícones, usados geralmente complementar as ligações, devem também ser atribuídos alt = "". muitos Web site, que colocam o ícone ao lado do texto da ligação, usam o texto da ligação como o texto do ALT do ícone. Os leitores da tela anunciariam primeiramente este texto do ALT, e então o texto da ligação, assim que diriam então a ligação duas vezes, que não é obviamente necessária.
(idealmente, as balas e os ícones devem ser chamados acima de como imagens de fundo através do original do CSS - este removê-los-ia do original do HTML completamente e conseqüentemente para remover a necessidade para toda a descrição do ALT.)
Imagens decorativas
Imagens decorativas demasiado devem ser atribuídas o texto alternativo nulo, ou o alt = "". se uma imagem não for doce puro do olho então lá for nenhuma necessidade para um usuário do leitor da tela saber mesmo que está lá e sendo informed de sua presença adiciona simplesmente à poluição do ruído.
Inversamente, você poderia discutir que as imagens em seu local críam uma identidade do tipo e escondendo os dos usuários do leitor da tela você está negando a este grupo dos usuários a mesma experiência. Os peritos da acessibilidade tendem a favorecer o argumento anterior, mas há certamente um argumento válido para o último demasiado.
Navegação & texto encaixados dentro das imagens
Menus da navegação que requerem o texto extravagante não têm nenhuma escolha mas para encaixar o texto dentro de uma imagem. Nesta situação, o texto do ALT não deve ser usado expandir na imagem. Sob nenhumas circunstâncias o texto do ALT diga, ' lêem tudo sobre nossos serviços fantásticos, projetados ajudar-lhe em tudo que você '. Se o artigo de menu disser, ' o texto do ALT dos serviços então deve também dizer ' serviços. O texto do ALT deve sempre descrever o índice da imagem e deve repetir o texto word-for-word. Se você quiser expandir na navegação, como neste exemplo, em você pode usar o atributo do título.
O mesmo aplica-se para todo o outro texto encaixado dentro de uma imagem. O texto do ALT deve simplesmente repetir, word-for-word, o texto contido dentro dessa imagem.
(a menos que a pia batismal que está sendo usada for especial original é frequentemente desnecessário encaixar o texto dentro das imagens - os efeitos avançados da navegação e do fundo podem agora ser conseguidos com CSS.)
Logo da companhia
Os Web site tendem a variar em como aplicam o texto do ALT aos logos. Alguns dizem, ' nome de companhia ', outro ' logo do nome de companhia ', e outros descrevem a função da imagem (geralmente uma ligação para trás ao homepage), ' traseiro ao repouso '. Recorde, texto do ALT deve sempre descrever o índice da imagem assim que o primeiro exemplo, nome alt="Company", é provavelmente o mais melhor. Se o logo for uma ligação para trás ao homepage então este pode eficazmente ser comunicado através do Tag do título.
Conclusão
Escrever o texto eficaz do ALT não é demasiado difícil. Se for uma imagem decorativa então anule o texto alternativo, ou o alt = "" deve geralmente ser usado - nunca, omita sempre o atributo do ALT. Se a imagem contiver o texto então o texto do ALT deve simplesmente repetir este texto, word-for-word. Recorde, texto do ALT deve descrever o índice da imagem e de nada mais.
Seja também certo também manter tão brevemente o texto do ALT e succinct quanto possível. Escutar um Web page com um leitor da tela faz exame muito mais por muito tempo de métodos do que tradicionais, assim que não faz a experiência surfing dolorosa para usuários do leitor da tela com texto bloated e desnecessário do ALT.
Este artigo foi escrito pelo musgo de Trenton. É louco sobre a usabilidade e a acessibilidade da correia fotorreceptora - assim loucas que foi começar seu próprio consultancy da usabilidade e da acessibilidade da correia fotorreceptora (Webcredible - http://www.webcredible.co.uk ) ajudar fazer ao Internet um lugar melhor para todos.
Artigo Fonte: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster começa O Código do HTML
Adicionar este artigo para o seu site agora!
Webmaster enviar seus artigos
Nenhum registro necessário! Preencha o formulário e seu artigo está no Messaggiamo.Com Diretório!
