Título da página
O que a norma pede
Cada página tem um título próprio, diferente dos das outras páginas do site, que diz do que ela trata.
- 2.4.2 (A)
Parecido na NBR 17060
A NBR 17060 trata de aplicativos. Se o seu serviço também tem app, veja o que a Bússola da NBR 17060 diz sobre o mesmo assunto:
Visões por perfil
Escolha um perfil para ver o que o requisito pede de quem ocupa esse papel:
Defina um padrão de título para cada tipo de página, com o assunto primeiro e o nome do site no fim, como “Segunda via de conta · Nome do site”. Em fluxos, inclua o passo atual, como “Passo 2 de 4: Endereço”.
Abas abertas
A pessoa tem várias páginas do portal abertas.
Errado: Títulos iguais
Na aba
“Portal da Prefeitura” em todas as abas.
Impossível saber qual aba é qual.
Certo: Títulos únicos
Na aba
“Segunda via do IPTU · Serviços · Prefeitura”
Cada aba se identifica.
Dê a cada página um elemento title próprio e, em aplicações de página única, atualize document.title a cada troca de rota. Em formulários, inclua no título o passo e o aviso de erro quando o envio falhar.
Troca de rota numa SPA
A aplicação muda de tela sem recarregar.
Errado: Título fixo
<title>Sistema</title> <!-- nunca muda -->Toda tela se chama “Sistema”.
Certo: Título por rota
router.afterEach((rota) => { document.title = `${rota.meta.titulo} · Agendamento · Prefeitura`; });O título acompanha a tela.
Defina o padrão de títulos do site e inclua títulos únicos nos critérios de aceite. O título é a primeira coisa que o leitor de tela anuncia e também ajuda os buscadores.
Sistema de agendamento
Todas as telas têm o mesmo título.
Errado: Mantido
Situação
“Agendamento” em todas as telas.
Quem usa leitor não sabe onde está.
Certo: Corrigido
Situação
“Escolha o horário · Agendamento”, “Confirmação · Agendamento”…
A pessoa sabe onde está.
Confira o título de cada página na aba do navegador e o que o leitor de tela anuncia ao carregá-la. Os títulos precisam ser únicos, descrever a página e mudar a cada passo dos fluxos.
Carregando a página
O leitor de tela anuncia o título.
Errado: Genérico
Leitor de tela anuncia: “Portal da Prefeitura”
Não diz qual página é.
Certo: Específico
Leitor de tela anuncia: “Segunda via do IPTU · Serviços · Prefeitura”
A pessoa se localiza.
Comece o título pelo assunto específico da página, porque quem tem muitas abas abertas vê só o começo, e deixe o nome do site no final. Evite títulos repetidos entre páginas.
Título de uma notícia
Notícia sobre a vacinação.
Errado: Nome do site primeiro
Título
“Prefeitura · Notícias · Vacinação contra a gripe começa…”
Na aba aparece só “Prefeitura · Notíc…”.
Certo: Assunto primeiro
Título
“Vacinação contra a gripe começa segunda · Notícias · Prefeitura”
O assunto aparece primeiro.