Acessibilidade
Abrangência das soluções
Uso de "alt" tags nas imagens
■ A descrição (atributo "alt") explica o conteúdo de uma imagem para usuários que não podem ver esta imagem, através de configuração/funcionalidades específicas do browser com funcionalidades de leitura de tela.
■ Programas dedicados a usuários com deficiências físicas, com funcionalidades de leitura de tela por exemplo, podem verificar o conteúdo de cada página mostrando um menu com a lista dos links e permitindo ao usuário selecionar os que o interessam.
■ As descrições não devem ser excessivamente longas, para não cansar o leitor que utiliza browsers especiais, na medida em que estes leitores normalmente já levam mais tempo para se deslocar pelos links do que o leitor dos browsers comerciais convencionais.
■ Deve-se avaliar com cuidado se, no caso de imagem animada ou um gráfico, a descrição minuciosa da animação ou do gráfico pode ajudar os usuários a compreendê-la.
■ Em caso de imagem decorativa, o atributo deve entrar com espaço de preenchimento (alt=" ").
-> Se o elemento for um item de uma lista, a legenda deve começar com uma indicação como "Item: " ou "* ", por exemplo.
■ Links em formato de imagem devem ter uma alternativa em formato de texto. É comum os sites colocarem barras de navegação publicadas com imagens em modo texto no pé da página, separados por | ou um caracter neutro.
■ No projeto de sites, é importante verificar se as páginas podem ser navegáveis com ou sem a habilitação de imagens, simplesmente através dos atributos "alt" de cada imagem . ► Exemplos
■ Mapas de imagens, que misturam textos e links de modo difícil de ser acompanhado por usuários com deficiência visual, devem ser evitados.
Marcação "title" junto com os endereços dos links:
■ Descreve informações não essenciais quando o mouse passa sobre o link (aparece como uma caixa ou na barra de status da página).
■ Descreve melhor o conteúdo de um link para usuários que podem não compreendê-los direito.
Assuntos relacionados
► Publicação de imagens na web
► Preparo de imagens para buscas
► Preparação de informações para indexação (preparo do código)
► Testes :: Acessibilidade
Referências (Interface web)
21) Seven screen reader usability tips (SitePoint, acesso em 21.8.2005)
Mais informação sobre o assunto:
► Acesso
Digital - Site dedicado à difusão e ao aperfeiçoamento do acesso a interfaces web
► The cherry tomato chalenge, de Tim Bray, sobre a indexação de imagens por ferramentas de busca