Alguém tem alguma sugestão para fazer a acessibilidade em páginas com hints?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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!