Links
Os links permitem que os usuários naveguem para um local diferente. Eles podem ser apresentados dentro de um parágrafo ou como texto independente.
Opções
#Variante principal
- O link principal é a variante padrão e é verde;
- Isso deve ser usado para chamar a atenção para o link e para quando a cor verde não parecer muito esmagadora na experiência.
#Variante secundária
- A variante secundária tem a mesma cor cinza do texto do parágrafo;
- Sua aparência suave é ideal para quando a variante primária é muito grande, como em blocos de texto com várias referências vinculadas por toda parte.
#Cor estática
- Use a opção de cor estática quando um link precisar ser colocado em cima de um plano de fundo colorido ou visual;
- Os links de cores estáticos estão disponíveis em preto ou branco, independentemente do tema de cores;
- Use preto estático em cores claras ou fundos de imagem e branco estático em cores escuras ou fundos de imagem, independentemente do tema de cor;
- Certifique-se de que o plano de fundo e a cor do link atendam à proporção mínima de contraste de cores.
#Silêncio
- Todos os links podem ter um estilo silencioso, sem sublinhado;
- Esse estilo só deve ser usado quando o posicionamento e o contexto do link forem explícitos o suficiente para que um sublinhado visível não seja necessário;
- Links silenciosos são menos acessíveis, portanto, não os use para links críticos para uma experiência;
- Links silenciosos são comumente usados em rodapés de sites, onde existem várias listas de links que são atalhos para outras páginas.
Diretrizes de uso
#Use links no corpo do texto
- Os links devem ser restritos ao corpo da cópia e não devem ser usados nos cabeçalhos
- Se você estiver procurando por um link maior e mais proeminente, considere usar outros tipos de chamada para ações(call to actions), como botões.
#Pense nos leitores de tela
- Esteja ciente de qual é a experiência para os usuários que navegam com leitores de tela;
- Certifique-se de fornecer contexto suficiente no link sobre onde o link levará o usuário.