Artigos sobre Links

Wireframe mostra um cartão de conteúdo ligado a uma página de destino por um link azul.

Evite “clique aqui” em links

Aprenda a escrever links claros e acessíveis: informe o destino, evite textos genéricos e preserve o contexto para todas as pessoas.

Ilustração minimalista mostrando a decisão entre um link que leva a outro destino e um botão que executa uma ação local.

Link ou botão: qual usar?

Link navega para um destino; botão executa uma ação. Veja como escolher o elemento certo, preservar acessibilidade e evitar interfaces com semântica enganosa.

Wireframe 2D mostrando um link e duas possibilidades de navegação, na mesma página ou em uma nova aba.

Links devem abrir em nova aba?

Abrir um link em nova aba não deve ser o padrão. Entenda quando essa escolha faz sentido, como avisar a pessoa e como preservar acessibilidade e controle.

Wireframe 2D com um controle neutro e outro com contorno azul de foco de teclado.

Como indicar foco de teclado

Todo controle operável por teclado precisa de um foco visível, contrastante e não encoberto. Veja como indicar esse estado em botões e links.