Alguém tem alguma sugestão para fazer a acessibilidade em páginas com hints?
Alguém tem alguma sugestão para fazer a acessibilidade em páginas com hints?
Olá, Jose, tudo bem?
Uma sugestão é adicionar um atributo "aria-describedby" ao elemento que contém a hint. O valor da propriedade aria-describedby deve ser o ID do elemento que contém o texto do hint.
Um exemplo de código seria assim:
<input type="text" id="nome" aria-describedby="hintNome">
<p id="hintNome">Insira seu nome completo</p>
Neste exemplo, quando o usuário focar no campo de entrada de texto, o leitor de tela lerá o hint "Insira seu nome completo". Isso ocorre porque o aria-describedby no campo de entrada de texto está referenciando o ID do elemento que contém o hint.
Abaixo deixo o link da documentação para consulta. Caso se sinta mais confortável, você pode utilizar a tradução automática do navegador.
Espero ter ajudado.
Caso surja alguma dúvida, não hesite em compartilhar no fórum.
Abraços e bons estudos!