Contexto
Um link normalmente leva a pessoa para outro destino na mesma aba, preservando a expectativa de usar o botão Voltar para retornar. Ao forçar uma nova aba, o site altera a janela ou o contexto de navegação, além de mudar o histórico disponível naquela aba.
Essa decisão pode ser útil quando a pessoa precisa consultar um recurso externo sem perder o que já fez, mas pode ser desorientadora quando acontece sem aviso. A escolha depende da tarefa, da possibilidade de perder dados, do tipo de destino e da expectativa criada pelo texto do link. O navegador já permite que a pessoa escolha outra aba com Command ou Control, então o site não precisa assumir essa decisão em todos os links.
Mantenha o link na mesma aba como comportamento padrão. Evite usar target="_blank" em toda navegação externa ou interna.
Considere abrir uma nova aba apenas quando houver uma razão clara relacionada à tarefa, como preservar uma página com dados preenchidos ou permitir uma consulta sem interromper o fluxo atual.
Avise a mudança no próprio link. Use um texto como “Consultar o manual (abre em nova aba)” ou inclua uma informação equivalente no nome acessível.
Use um ícone de abertura externa como sinal visual complementar. O ícone reforça a mensagem, mas não deve ser o único meio de comunicar que um novo contexto será aberto.
Quando usar target="_blank", inclua rel="noopener noreferrer" quando isso for compatível com a política de referência do projeto.
Mantenha o destino previsível. O texto do link deve explicar para onde a pessoa vai e, quando necessário, informar que uma nova aba será aberta.
Teste o retorno ao fluxo com mouse, teclado, leitor de tela, zoom e navegação por lista de links. Verifique também o comportamento ao fechar a nova aba.
Regra prática
Se a pessoa não precisa preservar a página atual, abra o destino na mesma aba. Se precisa preservar a tarefa, abra em nova aba somente com aviso explícito, nome de destino claro e proteção técnica.
Base da recomendação
O W3C exige propósito identificável do link e trata a abertura de uma nova aba como mudança de contexto. Primer recomenda preservar a escolha da pessoa e evitar forçar novas abas. Fluent 2 recomenda aviso prévio e sinalização visual quando um novo contexto for necessário. Adobe Spectrum reforça que o texto deve comunicar o destino. MDN documenta a proteção de window.opener com rel="noopener". A recomendação cruza normas, orientações de acessibilidade e padrões de design systems; a exceção deve ser validada com a tarefa real.
Porque isso importa?
Uma nova aba pode interromper a orientação da pessoa. O botão Voltar pode não retornar ao ponto esperado, o leitor de tela pode não anunciar a mudança como a pessoa espera e a nova superfície pode ser confundida com a página original.
Ao manter o comportamento padrão do navegador, o site preserva o controle da pessoa e permite que ela escolha Command ou Control, menu de contexto ou outra opção para abrir em nova aba. A exceção deve existir para proteger uma tarefa, não para impor uma preferência do site.
Quando usar?
- Uma tarefa em andamento perderia dados ao sair da página.
- A pessoa precisa consultar uma referência externa sem interromper o fluxo atual.
- O conteúdo aberto é um documento ou ferramenta complementar ao trabalho atual.
- O contexto já comunica que uma superfície independente será aberta.
- A equipe consegue avisar a mudança no texto acessível do link.
Quando evitar?
- Navegação comum entre páginas do mesmo site.
- Links externos usados apenas por preferência visual ou de marketing.
- Menus, breadcrumbs, resultados de busca e links de rodapé.
- Links dentro de um formulário que ainda não foi concluído.
- Qualquer abertura automática sem aviso antes da ativação.
- Uso de ícone ou cor sem texto acessível equivalente.
Recomendações
Faça
- Abra na mesma aba por padrão.
- Use nova aba só quando proteger a tarefa.
- Avise antes da mudança.
- Escreva o destino do link.
- Use ícone como reforço.
- Teste teclado e leitor de tela.
Evite
- Force nova aba em todo link externo.
- Oculte a informação no tooltip.
- Dependa apenas do ícone.
- Use “clique aqui” ou “saiba mais”.
- Deixe o retorno ao fluxo imprevisível.
- Use
target="_blank"sem revisar segurança.
