Regra de acessibilidade: Os elementos devem ter o seu texto visível como parte do seu nome acessível

Sobre esta regra de acessibilidade

A etiqueta visível de itens interativos rotulados através do seu conteúdo deve ser incluída no seu nome acessível.

Esta regra aplica-se a qualquer elemento com os seguintes atributos:

uma função semântica que é um widget que suporta nome do conteúdo,
texto visível, e
um atributo aria-label ou aria-labelledby.

button, checkbox, gridcell, link, menuitem, menuitemcheckbox, menuitemradio, option, radio, searchbox, switch, tab, e treeitem são funções de widget que suportam nome do conteúdo.

Todo o conteúdo de texto visível do elemento alvo corresponde ao seu nome acessível ou está contido dentro dele.

Os espaços em branco iniciais e finais e as diferenças de sensibilidade a maiúsculas e minúsculas devem ser desconsideradas.

Os utilizadores que usam entrada por voz podem interagir com uma página web dizendo as etiquetas de texto visíveis de menus, links e botões.

Os utilizadores de entrada por voz ficam confusos quando pronunciam uma etiqueta de texto visível, mas o comando de voz não funciona porque o nome acessível (programático) do componente não corresponde à etiqueta visível. Quando um componente de interface de utilizador contém uma etiqueta de texto visível — seja a etiqueta texto real ou uma imagem de texto — esse texto deve também aparecer no nome acessível (programático) do componente. Quando a etiqueta visual e o nome acessível (programático) para componentes interativos estão sincronizados, os utilizadores que usam entrada por voz podem interagir com esses componentes com sucesso.

O que esta regra de acessibilidade verifica

Para qualquer elemento de interface de utilizador com uma etiqueta de texto visível, o nome acessível deve corresponder (ou incluir) o texto visível da etiqueta.

Learn more: