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 eles. 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 é:

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 "" do 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 no alt= do " imagem espaçador ". Imaginar como irritar isto pode ser para um usuário do leitor da tela, especialmente quando você tem 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 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 do `/imagens/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”. Imaginar 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 "" do alt=. Pensar sobre uma lista dos artigos com uma bala extravagante que prosegue cada artigo. Se o texto do ALT, bala do `' 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 o "" do 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 "" do 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 ser 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 dizer, `lêem tudo sobre nossos serviços fantásticos, projetados ajudar-lhe em tudo que você'. Se o artigo de menu disser, o `presta serviços de manutenção' então ao texto do ALT deve também dizer serviços do `'. 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 especialmente 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 do `', outro logo do nome de companhia do `', e outros descrevem a função da imagem (geralmente uma ligação para trás ao homepage), parte traseira do `ao repouso'. Recordar, texto do ALT deve sempre descrever o índice da imagem assim que o primeiro exemplo, alt= de " nome companhia ", é 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 anular o texto alternativo, ou o "" do alt= deve geralmente ser usado - nunca, omitir 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. Recordar, texto do ALT deve descrever o índice da imagem e de nada mais.

Ser 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.

Article Source: http://www.articleset.com