2.4.4 - Propósito do Link (No Contexto)
Quando um usuário de leitor de tela navega pelos links em uma página da web, o leitor de tela pode ler apenas o texto do link e não o texto ao redor. Portanto, é essencial que o texto do link faça sentido sem o texto circundante. O texto do link sozinho deve transmitir o propósito do link. O texto do link também deve ser único e fácil de pronunciar em voz alta.
Diretrizes Padrão para o texto do link:
Evite textos de link genéricos como "Clique Aqui", "Mais" e "Leia Mais". Esses links podem ser confusos quando um leitor de tela os lê.
Evite textos de link muito longos. Uma pequena frase pode ser um link, mas não um parágrafo inteiro.
O texto do hyperlink não deve consistir na URL.
Se um hyperlink baixa um arquivo, certifique-se de mencionar isso.
Se um hyperlink abre em uma nova aba ou janela do navegador, mencione isso.
Dê ao texto do hyperlink uma cor diferente do texto ao redor.
O texto do hyperlink é geralmente azul, mas pode ser de qualquer cor que contraste suficientemente com as cores circundantes.
Use a mesma cor para todos os hyperlinks em um documento ou página da web.
Se uma imagem funcionar como um link, a imagem deve ter texto alternativo que transmita a localização e o propósito do link. O texto alternativo não deve descrever a imagem. Trate links de imagem como links, não como imagens.
As páginas não devem ter mais de um link para o mesmo destino lado a lado.
Links com o mesmo texto devem ter um propósito semelhante. Isso significa que devem estar vinculados ao mesmo destino.
Como testar o Propósito do Link (No Contexto) usando um leitor de tela?
Abra a página com o leitor de tela ligado.
Agora, pressione as teclas de atalho do seu leitor de tela para puxar a lista de links. (Para NVDA, use Ins+F7 e para JAWS pressione F7)
ou
Use a tecla Tab do teclado para percorrer todos os links na página.
Verifique cada texto de link visível. Ele deve descrever o propósito do link. Caso contrário, verifique se ele anuncia as informações contextuais fornecidas usando o atributo ARIA.
#wcag
#Tutorial ADA
www.clarionsite.com
email@clarionsite.com