DEV Community

loading...
Cover image for Como escrever links mais acessíveis para a web

Como escrever links mais acessíveis para a web

manussakis profile image Gabriel Manussakis ・2 min read

Um problema de acessibilidade muito comum em artigos na web são links com textos como:

  • clique aqui;
  • saiba mais;
  • continue lendo.

Mas por que esses links não são acessíveis?

Vamos usar este trecho de um artigo como exemplo. Nele os textos em azul são os links.

Saiba mais sobre a história do diretor de cinema Alfred Hitchcock e clique aqui para conhecer suas obras mais conhecidas.

Para um usuário que enxerga, não há dificuldade em saber para qual conteúdo ele será direcionado ao clicar em saiba mais ou clique aqui.

Mas e o usuário que não enxerga?

Ele pode pedir para o leitor de tela narrar apenas o texto dos links, antes de narrar todo o parágrafo, ou seja, o usuário saberá que há dois links no parágrafo, mas não saberá para onde eles levam após o clique, pois tudo o que ele ouviu foi: saiba mais e clique aqui.

Vamos deixar os links deste trecho mais acessíveis:

Saiba mais sobre a história do diretor de cinema Alfred Hitchcock e clique aqui para conhecer suas obras mais conhecidas.

Agora o leitor de tela irá narrar os links assim: história do diretor de cinema Alfred Hitchcock e na sequência, obras mais conhecidas.

Desse modo, mesmo só tendo ouvido o texto dos links e não de todo o parágrafo, o usuário é capaz de saber para qual conteúdo cada um dos links irá levar após o clique.

Uma simples mudança no seu site pode fazer muita diferença para outras pessoas.

Então lembre-se: os links devem descrever exatamente para onde o usuário será levado após o clique.

Discussion (0)

Forem Open with the Forem app