5.1.1.23 - Requisitos para título de páginas e aplicações
Descrição
Deve haver programaticamente um título que descreva a finalidade das páginas e aplicações. Em páginas web acessadas pelo navegador, isso geralmente é feito pelo elemento HTML <title>. Para o caso de aplicação web, híbrida ou nativa, deve-se seguir a documentação da tecnologia aplicada, sendo o nome dessa aplicação o suficiente para atender a esta orientação. Esta informação deve ser interpretada corretamente por tecnologias assistivas, como um leitor de tela, ao navegar entre diferentes abas de um navegador web ou aplicativos abertos simultaneamente no aparelho.
Exemplo
A página inicial de um jornal tem um título que a identifica. O usuário está com várias abas abertas simultaneamente no seu navegador e consegue localizar entre elas qual é a aba do jornal, optando por abri-la.
Desempenho funcional
Componentes aplicáveis
Cenários para desenvolvimento de interfaces
Escolha um perfil para ver as orientações específicas:
Assegure que cada página ou tela tenha um título claro e descritivo que comunique a sua finalidade, facilitando a navegação e orientação do usuário, especialmente ao alternar entre diferentes abas ou aplicativos.
Defina o título de cada tela
Especifique no protótipo o título que identifica cada página ou tela.
Certo: Título por tela
anotação de especificação
Título da página: "Carrinho (2 itens) · Loja Exemplo".
Errado: Título único para tudo
anotação de especificação
Todas as telas com o título "App".
Defina programaticamente um título para cada página web usando o elemento <title> no HTML ou configure adequadamente o nome de aplicações híbridas ou nativas de acordo com a documentação da tecnologia. Garanta que esses títulos sejam interpretados corretamente por tecnologias assistivas, como leitores de tela.
O título que aparece na aba e é anunciado
Cada página precisa do próprio título, atualizado a cada navegação.
Certo: Título descritivo
<title>Carrinho (2 itens) · Loja Exemplo</title>Leitor de tela anuncia: "Carrinho, 2 itens, Loja Exemplo"
Errado: Título genérico
<title>Home</title>Leitor de tela anuncia: "Home": em todas as páginas
Aprenda a fazer com conteúdos selecionados para você
Crie títulos concisos e informativos que reflitam com precisão o conteúdo ou função da página ou aplicação. Esses títulos são importantes para ajudar os usuários a navegar de forma eficaz.
Mantenha uma lista de títulos
Cada tela tem título único e com o mesmo padrão.
Checklist do requisito 5.1.1.23: títulos das telas
- título único
Início
página
- título único
Carrinho
página
- pendente
Pagamento
página
2 de 3 telas em conformidade, 1 pendente de revisão.
Verificar o título da página
Confirme que todas as páginas web ou telas de uma aplicação têm um título descritivo que reflete sua finalidade e conteúdo. Em páginas web, isso pode ser feito com a tag <title> no código HTML.
Implementar títulos coerentes em aplicações
Para aplicações web, híbridas ou nativas, verifique a documentação da tecnologia utilizada e implemente títulos que sejam facilmente reconhecidos por tecnologias assistivas.
Certificar-se da interpretação correta por tecnologias assistivas
Teste com leitores de tela e outros recursos de tecnologia assistiva para garantir que o título programado é anunciado de forma correta e clara.
Manter a consistência dos títulos
Garanta que os títulos sigam um padrão consistente em termos de nomenclatura e formatação para facilitar a navegação entre diferentes abas ou aplicativos.
Evitar duplicações de título
Verifique se as páginas e aplicações não compartilham títulos idênticos sem necessidade, para evitar confusão na navegação por usuários que dependem de tecnologias assistivas.
Atualizar títulos conforme a navegação
Se a aplicação tem um fluxo que muda de estado (por exemplo, de uma página de login para um painel), os títulos devem ser atualizados programaticamente para refletir a nova tela ou função.
Alterne entre abas e aplicativos
Com várias abas abertas, confira se o leitor de tela identifica cada uma.
Certo: Abas distinguíveis
"Carrinho, Loja Exemplo"
"Notícias, Jornal Exemplo"
"Caixa de entrada, E-mail"
Cada aba diz o que é.
Errado: Abas iguais
"Home"
"Home"
"Untitled"
Impossível saber qual é qual.
Crie títulos concisos e informativos que reflitam com precisão o conteúdo ou função da página ou aplicação. Esses títulos são importantes para ajudar os usuários a navegar de forma eficaz.
Escreva títulos do específico ao geral
Comece pelo assunto da página e termine com o nome do site.
Certo: Assunto primeiro
título da página
"Política de trocas · Loja Exemplo"
O mais importante vem primeiro.
Errado: Nome do site primeiro
título da página
"Loja Exemplo | Loja Exemplo | Página"
Repetitivo e sem assunto.
Requisitos relacionados
Outros requisitos que se aplicam aos mesmos componentes.