Instrucciones de formularios

Silktide encuentra campos de formulario que podrían necesitar una explicación, como los campos de texto libre, y le pide que decida si cada uno necesita instrucciones que describan qué se debe introducir. Los campos que sí necesitan instrucciones deben tenerlas asociadas en el código, no solo colocadas cerca.

Por qué es importante

Una etiqueta por sí sola a menudo no es suficiente. «Fecha» no indica nada sobre el formato esperado, que varía según el país; «Referencia» no especifica cuál de sus tres números de referencia se solicita. Los visitantes que se equivocan al adivinar reciben un error o, peor aún, se acepta su envío con datos incorrectos.

Asociar la instrucción en el código es tan importante como redactarla: una indicación que solo está visualmente cerca del campo es invisible para una persona que usa un y tiene el foco en el campo.

Cómo solucionarlo

Para cada campo señalado, decida si un visitante podría no tener claro qué debe introducir. Si es así:

Añada una descripción y conéctela al campo mediante el atributo aria-describedby de :

<!-- La indicación se anuncia cuando el campo recibe el foco -->
<label for="fecha">Fecha</label>
<input type="text" id="fecha" aria-describedby="indicacion-fecha">
<p id="indicacion-fecha">Formato: día/mes/año, p. ej., 28/07/2026</p>

O utilice en su lugar un tipo de campo diseñado para ese fin. <input type="date"> ofrece a los visitantes un selector de fecha en su propia configuración regional, sin necesidad de explicación; úselo cuando exista un tipo adecuado.

Si el campo se explica por sí solo —un cuadro de «Buscar» o un campo «Mensaje» en un formulario de contacto—, no se necesita ninguna instrucción; el hallazgo.

Cómo realiza Silktide esta comprobación

Busca los controles de formulario en los que las instrucciones podrían resultar útiles: elementos <textarea> y campos <input> de tipo text, email, file, number, password o range. Se omiten los botones, las casillas de verificación, los botones de opción y los menús desplegables, porque normalmente una etiqueta es suficiente para ellos.
Omite los campos que no son visibles para las personas videntes y los campos insertados por widgets de terceros conocidos, como los formularios ocultos que los scripts de seguimiento y traducción añaden para su propio uso.
Omite los campos que ya tienen una descripción asociada: un aria-describedby que apunta a texto real no vacío o un atributo aria-description no vacío.
Señala cada campo restante para su revisión: una persona decide si realmente necesita instrucciones.

Resolución de problemas

Mi campo tiene una indicación justo debajo

La proximidad visual no equivale a una asociación. A menos que la indicación esté conectada al campo mediante aria-describedby (o aria-description), la no la anuncia y Silktide señala el campo. Añadir el atributo resuelve ambos problemas.