1. Agrupá el formulario con sentido
Usá un elemento form y un botón de envío. El texto del botón debe describir la acción; evitá depender solo del contexto visual.
2. Asociá cada control con su etiqueta
La etiqueta debe identificar el propósito del campo y estar vinculada mediante valores iguales de for e id. El marcador de posición puede mostrar un ejemplo, pero no reemplaza la etiqueta.
<label for="correo">Correo electrónico</label>
<input id="correo" name="correo" type="email" autocomplete="email" required>Elegí un tipo de control adecuado, como email, y agregá atributos de autocompletado cuando correspondan.
3. Explicá los campos y errores
Si un dato tiene un formato esperado, indicalo en texto junto al campo. La validación nativa con required puede ayudar, aunque conviene presentar también mensajes de error específicos y mantenerlos asociados al control.
4. Verificá el recorrido
- Completá el formulario con teclado, sin usar el mouse.
- Comprobá que cada campo tenga nombre accesible y foco visible.
- Probá entradas vacías y formatos inválidos.
- Confirmá que el resultado del envío se anuncie sin mover el foco inesperadamente.
Esta guía es introductoria: los formularios con requisitos particulares necesitan pruebas con sus controles, validaciones y tecnologías de asistencia.