Formulários
Texto de ajuda
Helper text
Uma orientação persistente próxima de um campo.
Exemplo didático · Experimente os controles acima
Quando usar
Explicar regras, contexto e consequências de uma informação pedida.
Cuidados e acessibilidade
Associe a ajuda ao campo e mantenha contraste legível.
Partes e comportamento
Texto auxiliar associado a um campo por aria-describedby.
Não confunda
Ajuda explica antes do problema; erro orienta a correção depois de uma regra não ser atendida.
Exemplo de código
<label for="usuario">Nome de usuário</label>
<input id="usuario" aria-describedby="ajuda">
<p id="ajuda">Use letras, números e pontos.</p>Trecho didático. Integre e teste no contexto do seu projeto.