9 - Links

Entender boas práticas de acessibilidade para links

Acessibilidade nos links independente do cenário

A acessibilidade nos links depende da qualidade da informação a respeito do destino do usuário que acionar o link, existem algumas formas de garantir essa qualidade independente da label do link, esses cuidados se aplicam a button-links.

Morga

15 - descrever links clara e sucintamente;

Descrição complementar de link

Os produtos digitais podem ter links com termos legados que não são acessíveis ou por questões estéticas são usados textos menores como label, use o elemento title no elemento de link para fornecer uma descrição rica para leitores de tela.

rich description link

<!-- Independente do texto do link, usuários com leitor de tela, terão acesso ao texto do elemento title -->

<a href="https://www.vivo.com.br/para-voce/ajuda/mais-ajuda/encontre-uma-loja" 
aria-label="Consulte o mapa de lojas">Consulte</a>

Destino do usuário

Como usuários que usam leitor de tela geralmente não tem o feedback visual é importante situar ao usuário onde o link que ele usou vai direciona-lo, usamos o atributo target para especificar o comportamento.

Temos quatro valores mas normalmente só usamos duas opções. _blank e o padrão.

target _blank for new tab

<!-- Sempre que usar o _blank informe ao usuário que vai abrir em um nova guia -->

<a href="https://www.vivo.com.br" aria-label="Digitalizar para aproximar" 
target="_blank" >Vivo</a>