Criar links de texto disponíveis
| |
Imprimir |
Enviar |
Compartilhar |
Atenção: a versão original deste documento é Links e hipertexto: Link Text e aparência . Esta tradução francesa foi feita por Ideos abrigo de um acordo entre WebAIM e Ideos .
Nota: Consulte a página documentos sobre acessibilidade web para uma lista de todos os documentos traduzidos. Outros recursos de acessibilidade web também estão listados no portal digital acessível .
Sumário
- Página 1: Introdução
- Você está na Página 2: Criação de links de texto acessível
- Página 3: Criando hyperlinks acessíveis
Links de texto
Evite gravatas que são frases sem informação
Como indicado na página 1, as ligações são mais úteis quando fazem sentido fora do contexto. Os autores devem evitar frases usadas como não-informativo ligações, tais como:
- clique aqui
- aqui
- mais
- Leia mais
- link [destino link]
- informações
Na verdade, o termo "clique aqui" é inútil, mesmo que precede uma expressão mais significativa. Por exemplo, um link "Clique aqui para o tempo de hoje" pode ser reduzido a "tempo de hoje." Em alguns casos pode fazer sentido para preceder um link com "mais" ou "mais informações" (por exemplo, "mais sobre o aquecimento global"), mas se estas palavras adicionais podem ser evitados, é melhor não colocá-los (por exemplo, "aquecimento global" como o contexto pode transmitir o mesmo significado que "sobre o aquecimento global").
Comprimento de ligações
Ligações de longa duração
Qual é o comprimento máximo de um link de texto? Boa pergunta, mas nenhuma resposta bem estabelecida. A resposta é mais apropriado que o link deve ser longa o suficiente para passar o destino do link e nada mais. A imprecisão dessa resposta abre a porta para interpretações, mas talvez não seja uma coisa ruim. Autores de conteúdo deveriam ter a liberdade para dar sentido ao seu conteúdo em uma forma que faça sentido para eles. No entanto, em geral, as ligações devem ser tão conciso quanto possível, sem sacrificar a relevância.
Alguns autores criam vínculos com frases inteiras, parágrafos inteiros ou mesmo vários parágrafos. Estas ligações longas são certamente desnecessário, e não amigável para usuários de leitores de tela. Lembre-se que os usuários de leitores de tela não pode apreciar o comprimento das ligações visualmente. Eles devem ouvir todo o texto. Alguns usuários de leitores de tela estão frustrados para ler links de texto longo e ir para o link a seguir, se não podem entender o propósito do vínculo após as primeiras palavras. Os autores não têm controle sobre o comportamento de tal usuário, mas têm controle sobre algumas das razões que podem levar os usuários a se sentir frustração. Curto, conciso, links são menos propensos a bloquear usuários de leitores de tela que os links longos e imprecisos.
Ligações curtas
Qual é o comprimento mínimo de um link de texto? Esta é uma outra boa pergunta, mas é também sem resposta. Na maioria dos casos, as ligações devem ser palavras ou frases. Em alguns casos, no entanto, faz sentido colocar um link em um único caractere, uma letra do alfabeto ou um número. Por exemplo, um índice alfabético poderá usar cada letra do alfabeto como um link.

O perigo do uso de caracteres simples como links - ou usando qualquer tipo de link pequeno (como uma imagem de 10 pixels por 10 pixels) - é que alguns usuários acham difícil clicar em uma região tão pequena. Alguém com paralisia cerebral, por exemplo, pode ser capaz de usar as mãos para manipular um mouse, mas podem ter dificuldade em fazer movimentos precisos e controlar os músculos que são necessários para clicar em um link de pequeno porte. Essa pessoa pode ter que clicar duas ou três vezes para atingir a meta, e pode acabar clicando no link errado, o que forçá-lo a pressionar o botão no navegador e tente novamente.
Os usuários têm algum controle sobre a largura do link. Eles podem comprar um ampliador de tela como ZoomText ou magia, o que permite expandir o link. Os usuários podem também aumentar as fontes em seu navegador sem usar um ampliador de tela. O navegador Opera permite aos usuários aumentar a página da Web inteira. Neste sentido, links de pequeno porte não são os piores problemas de acessibilidade enfrentados pelos usuários. Ao mesmo tempo, os autores podem limitar os danos potenciais, aumentando o tamanho de links pequenos, aumentando o tamanho da fonte de ligações com um único caractere, ou expandir a área do link, incluindo um quebrável espaços no link .
Exemplo
Os espaços não-quebra (presente no código da seguinte forma: cercam as letras "A" e "B" neste exemplo.
Eles fazem a ligação aisent mais amplo para as pessoas que têm dificuldade em clicar sobre as pequenas áreas.
Links URL
Os endereços da Web ou URLs presentes s dois tipos de desafio:
- legibilidade
- comprimento
Legibilidade do URL s
O primeiro desafio é que a URL s não são sempre legível ou facilmente ouvir através de um leitor de tela.
Sentido que contêm combinações de números, letras, hífens, sublinhados e outros caracteres que têm significado para scripts e bases de dados, mas têm muitos URL s pouca ou nenhuma à média pessoas.
Em muitos casos, faz sentido usar o texto legível em vez do URL.
Ligação legível
Construindo Sites Web Acessível é mais fácil usar o link é composto de 108 caracteres - cheio de números, barras - um texto que não é muito legível.
( http://www.amazon.com/exec/obidos/ASIN/
1590591488/qid 1116957951/sr = = 2 -
1/ref = pd_bbs_b_2_1/103-5755258-8204633 ).
Isso significa que essa URL s nunca deve ser usado como links? Não. Se a URL é relativamente curto, provavelmente não há problema de usar a URL como o texto do link. O ponto chave é considerar os usuários de leitores de tela, que deve ouvir o URL que é mais longo e menos inteligível.
Comprimento de URL s
O segundo problema é que alguns URL s são bastante longas e alguns navegadores se recusam a ir para a linha s URL longa e deixar os links URL para a direita estender para além da área visível do browser.
Estes URL longa s geralmente são gerados por sites da Web com bancos de dados ou aplicações web que a transferência de um número de variáveis através do endereço do site.
No link acima para o livro na Amazon.com é um exemplo perfeito.
Na verdade, o texto do link longa foi modificado pela adição de duas quebras de linha ( <br> ) no meio da URL, para que ele possa passar para a próxima linha.
Mozilla navegadores baseados como o Firefox ou o Netscape não permitem URL longa s para ir para a linha, a menos que o autor não introduz uma nova linha em algum lugar.
A largura da tela abaixo seria mais de 2000 pixels (equivalente a dois monitores). Imagine um link para visualizar tanto sobre uma página web. Os usuários devem navegar horizontalmente tempo para ler todo o link.

Pior, imagine ouvir este link com um leitor de tela! Quase ninguém teria a paciência de ouvir todo esse conteúdo indecifrável. O link acima pode ser encurtado para "fotos da Califórnia gaivotas", porque o link leva para uma página com fotos da Califórnia gaivotas.
Texto alternativo para imagens utilizadas como links
Quando as imagens são usadas como links, alt texto deve expressar o propósito do texto do link.
Como no link de texto, o alt ligações imagens não precisa informar aos usuários que o link é um link porque eles já sabem.
No entanto, um dilema interessante é decidir se é importante para descrever as características visuais da imagem no alt texto, uma vez que o propósito do alt texto faz é substituir a imagem, onde os usuários podem não vê-lo.
Na maioria dos casos, as características visuais da imagem são menos importantes do que o destino do link.
Exemplo
A imagem neste exemplo poderia ser descrito como um objeto "alinhadas horizontalmente em forma de pílula, alguns em três dimensões, com azul royal e descoloração vermelha na parte inferior, com cor ligeiramente mais escura do lado esquerdo e um pouco mais lavada do lado direito, com "produtos" a palavra escrita em Arial negrito branco em cima do objeto, o que sugere que o objeto é um link para uma lista de produtos ou explicação ".
A descrição é inteiramente correta, mas completamente inútil.
A finalidade da imagem, neste caso, é estabelecer um link para a seção do produto de um site.
O alt texto deve ter mais em conta o objetivo da imagem ao invés de sua aparência visual.
A maioria dos usuários de leitor de tela não quer saber o que o botão parece, especialmente se a descrição é longa.
Um alt text "Produtos" vai fazer muito bem.
A aparência dos links
As ligações devem aparecer como links e, inversamente, nada mais deve. Usuários estão frustrados quando tentam clicar no texto ou imagens que se parecem com links, mas não são. Eles também serão frustrados se deve mover o mouse sobre a página para tentar descobrir as ligações que não se parecem com links.
Sublinhando
Browsers sublinhar hiperlinks por padrão. É possível remover o sublinhado usando CSS, mas é uma má idéia na maioria das vezes. Os usuários estão acostumados a ver links sublinhados. Eles podem ou não ser capaz de saber o que o texto é um link, se o acordo não for cumprido um sublinhado.
Exemplo
Que palavras ou frases na imagem abaixo estão os links e quais não são?

Acontece que todos os presentes são links de texto. Os usuários podem clicar sobre o texto em preto ou azul. Este tipo de design gráfico pede aos usuários para adivinhar ou encontrar por eliminação ou por acaso. É melhor enfatizar os links no conteúdo principal de uma página web.
Como a maioria das reivindicações, há exceções. Embora os usuários estão acostumados a ver links sublinhados no conteúdo principal, eles também estão acostumados às funções principais de navegação abas (muitas vezes criadas como imagens em vez de texto) não sublinhado. Na verdade, é extremamente difícil encontrar um local principal que destaca os links de navegação principal.
Exemplos
Diversos sites destacar os links no conteúdo principal, mas não no menu de navegação, como mostrado nas imagens seguintes.

IBM usa o texto. Curiosamente, quando os usuários voar sobre o texto com o mouse, o sublinhado parece tranqüilizar os usuários que são realmente links. A maioria dos usuários já perceberam que eles são links porque se assemelham aos da navegação principal do site. No entanto, o aparecimento súbito de ênfase podem ser úteis para algumas pessoas.

10,000 aldeias para o site utiliza imagens em vez de texto. O texto não está sublinhado.

De navegação principal do site é construído em Macromedia Flash. O texto não está sublinhado.
Rollovers e foco
Muitos sites têm implementado efeitos de sobreposição e concentração. Estes efeitos são usados para fins estéticos (os efeitos são "cool" e artístico). Eles também são usados para o acesso na medida em que ajudam os usuários a saber que o mouse ou o teclado em um link específico eo link está ativo.

Na maioria dos casos, os efeitos são para destacar o link acima ou abaixo do texto.

Em outros casos, as cores da mudança de link texto.

Esta técnica não é limitada à navegação principal do site. Também pode ser utilizado nos links no conteúdo principal.

Para tornar isso independente do dispositivo, é necessário para garantir que ele pode ser ativado pelo mouse e teclado.
Em CSS, isso significa usar ambas as classes :hover e :focus .
Classe :active também pode ser usado.
Exemplo
O seguinte CSS vai mudar o fundo de um texto do link luz no link amarelo e marrom quando o usuário passar o mouse, teclado de tabulação para ele ou clica no link com o mouse ou com o tecla Enter.
a: foco,
a: active
{
background-color: # ffffcc;
color: # 990000;
}
Laços comerciais
Copyright 1999-2009 WebAIM












![[Paris, 06 de dezembro 2011] A conferência da campanha presidencial Web 2012 (Ideos / 2.0 parceiro eleito)](http://www.elus20.fr/images/pdffrance2011_elus20.jpg)























