Identificação consistente em conjunto de páginas
O que a norma pede
Componentes que têm a mesma função e se repetem em várias páginas são identificados sempre da mesma forma (mesmo nome, mesmo ícone, mesmo rótulo).
- 3.2.4 (AA)
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:
Padronize no sistema de design os ícones e rótulos das ações que se repetem, para que “Buscar” não vire “Pesquisar” em outra página. Mantenha um inventário das ações e dos seus nomes.
Botão de imprimir
O comprovante pode ser impresso em vários serviços.
Errado: Identificações diferentes
Nos protótipos
“Imprimir”, ícone de impressora; em outro serviço, “Gerar PDF”, ícone de documento.
Parece que são funções diferentes.
Certo: Identificação única
Nos protótipos
Sempre “Imprimir comprovante”, com o mesmo ícone.
A pessoa reconhece a função.
Crie componentes para as ações recorrentes, com rótulo e ícone padrão, e centralize os textos em arquivos compartilhados. Copiar HTML entre páginas é o caminho mais curto para a inconsistência.
Botão de busca
A busca aparece no cabeçalho e em listas.
Errado: Nomes divergentes
<button aria-label="Pesquisar">…</button> <button aria-label="Procurar">…</button>Mesma função, nomes diferentes.
Certo: Componente único
<BotaoBusca /> // sempre “Buscar”Identificação igual em todo lugar.
Defina o vocabulário padrão de ações do produto e inclua a revisão de consistência na entrega de novas telas. Isso reduz o esforço de aprender o sistema, sobretudo para quem o usa raramente.
Vários fornecedores
Serviços feitos por fornecedores diferentes no mesmo portal.
Errado: Cada um com seu padrão
Situação
Sem guia comum de nomes e ícones.
O portal parece vários sistemas.
Certo: Guia comum
Situação
Contratos exigem o sistema de design e o vocabulário do portal.
O portal é coerente.
Compare as mesmas funções em páginas diferentes: o nome visível, o nome acessível e o ícone devem ser iguais. Registre as divergências.
Botão de voltar
Comparação entre três serviços.
Errado: Nomes diferentes
Serviço A: “Voltar, botão”
Serviço B: “Retornar, botão”
Serviço C: “Seta, botão”
A mesma função tem três nomes.
Certo: Nome igual
Serviços A, B e C: “Voltar, botão”
Consistente.
Mantenha um glossário de rótulos de ação e revise as novas telas contra ele. Não troque termos só para variar o estilo.
Glossário de ações
Trecho do guia de conteúdo.
Errado: Sem glossário
No guia
Cada pessoa escolhe o termo.
“Enviar”, “Submeter”, “Mandar” convivem.
Certo: Glossário definido
No guia
“Enviar” para formulários; “Salvar” para rascunhos; “Buscar” para busca.
Mesma ação, mesma palavra.