Addaw, ir a inicio Donar

Técnica PDF WCAG 2.2

PDF22Avisar cuando un dato de un formulario PDF no tiene el formato correcto

Nombre oficial en el W3C: Indicar cuándo la entrada del usuario no se ajusta al formato o a los valores requeridos en formularios PDF

En pocas palabras

En un formulario PDF, algunos campos piden un formato concreto, como una fecha o un código postal. Si la persona escribe algo que no encaja, el formulario debe avisarla con un mensaje de texto. El mensaje explica qué está mal y cómo escribirlo bien.

Por qué es importante

Sin aviso, la persona envía o imprime el formulario con datos erróneos y no entiende por qué le rechazan la solicitud. Esto perjudica sobre todo a quien no ve la pantalla o tiene dificultades de comprensión.

Un mensaje claro identifica el error (criterio 3.3.1) y sugiere cómo corregirlo (criterio 3.3.3).

Cómo se hace

  1. Indique el formato esperado en la etiqueta del campo, por ejemplo «Fecha de nacimiento (dd/mm/aaaa)».
  2. En Acrobat Pro, abra las propiedades del campo y, en la pestaña Formato, elija la categoría y el formato exacto. Acrobat avisará si el dato no encaja.
  3. Para otras reglas, como un rango de valores o un DNI, use la pestaña Validar. Permite fijar un rango o añadir un script propio que muestre una alerta.
  4. Redacte el mensaje en lenguaje claro: qué campo falla y cómo debe escribirse el dato.
  5. Al cerrar la alerta, lleve el foco (el punto donde actúa el teclado) al campo erróneo solo si resulta previsible.

Cómo comprobarlo

  1. Escriba un dato incorrecto en cada campo con formato obligatorio, por ejemplo una fecha como «32/13/2026».
  2. Compruebe que aparece un aviso de texto que explica el error y el formato correcto.
  3. Repita la prueba con un lector de pantalla y confirme que lee el aviso completo.
  4. Cierre el aviso y compruebe que puede volver al campo y corregirlo con el teclado.
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica PDF22 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Documentos PDF etiquetados

Descripción

El objetivo de esta técnica es notificar al usuario cuando la entrada que introduce en un campo que exige un formato concreto y obligatorio (p. ej., campos de fecha) no se envía en ese formato.

Si no se usa el formato requerido, un cuadro de diálogo de alerta describe la naturaleza del error mediante texto. Esto puede lograrse mediante scripts creados por el autor (consulte, por ejemplo, SCR18: Proporcionar validación y alertas en el lado del cliente). Los agentes de usuario pueden proporcionar alertas automáticas (como se describe en los ejemplos siguientes).

Una vez que el usuario cierra el cuadro de diálogo de alerta, puede ser útil que el script sitúe el foco del teclado en el campo donde se produjo el error, aunque algunos usuarios pueden esperar que el foco permanezca en el último control que lo tenía antes de que apareciera la alerta. Los autores deben tener cuidado de que cualquier movimiento del foco sea previsible. Por ejemplo, si la alerta anuncia un error en el formato de un número de teléfono, situar el foco en el campo del número de teléfono al cerrar la alerta puede considerarse útil y previsible. En algunos casos, sin embargo, esto puede no ser posible. Si se producen varios errores de entrada en la página, debe implementarse un enfoque alternativo para la notificación de errores.

Asegurarse de que los usuarios saben que se ha producido un error, pueden determinar qué está mal y pueden corregirlo es clave para la usabilidad y la accesibilidad del software. Cumplir este objetivo contribuye a que todos los usuarios puedan completar con facilidad y confianza las transacciones basadas en formularios.

Etiquetas para los formatos requeridos en los controles de formulario

También es importante que los usuarios sepan que puede producirse un error. Puede incorporar esta información en las etiquetas; por ejemplo, «Fecha (MM/DD/AAAA)». Consulte PDF10.

Ejemplos

Proporcionar validación del formato de un campo de entrada con Adobe Acrobat Pro

Este ejemplo se muestra con Adobe Acrobat Pro. Existen otras herramientas de software que realizan funciones similares.

Muchos campos, por ejemplo: número de teléfono, código postal y fechas, requieren que los datos se introduzcan con un formato o patrón concreto.

  1. Acceda al menú contextual del control de formulario que requiere un formato concreto.
  2. Seleccione Propiedades...
  3. En la pestaña Formato, seleccione la categoría de formato (en este caso, Fecha). Aparecen las opciones de fecha.
  4. Seleccione el formato para este control de formulario (en este caso, mm/dd/yyyy).
  5. En la pestaña General, indique "Date (mm/dd/yyyy)" (Fecha (mm/dd/aaaa)) como nombre y como información de herramienta del control.
Especificación de un formato obligatorio para un campo de entrada con Adobe Acrobat 9 Pro

Cuando el usuario escribe una fecha en un formato reconocido, se convierte automáticamente al formato especificado. Si el formato o el valor de la fecha no se reconocen, aparece una alerta de error que proporciona más información.

Este ejemplo se muestra en funcionamiento en el ejemplo práctico de campos obligatorios en Acrobat (PDF).

Validar un formato de fecha obligatorio en un formulario PDF mediante JavaScript con Adobe Acrobat Pro

Este ejemplo se muestra con Adobe Acrobat Pro. Existen otras herramientas de software que realizan funciones similares.

El siguiente código JavaScript ilustra el uso de un script para validar campos de formulario, en este caso, un campo de fecha. Para añadir este script al campo de formulario, abra el cuadro de diálogo Propiedades del campo de texto y seleccione Editar en la pestaña Validar.

// JavaScript code for date mask format MM/DD/YYYY
var re = /^[mdy0-9]{2}\/[mdy0-9]{2}\/[mdy0-9]{4}$/
//Allow blank space in field
if (event.value !="") {
  if (re.test(event.value) == false) {
    app.alert ({
       cTitle: "Incorrect Format",
       cMsg: "Please enter date using\nmm/dd/yyyy format"
    });
  }
}

Pruebas

Procedimiento

Para cada campo de formulario que requiera una entrada concreta, verificar que se proporcionan información e instrucciones de validación aplicando lo siguiente:

  1. Comprobar que el formato o el valor requerido se indica en la etiqueta del control de formulario.
  2. Introducir un formato o un valor erróneo y salir del campo: asegurarse de que se proporciona una alerta que describe el error.

Resultados esperados

  • Las comprobaciones n.º 1 y n.º 2 son verdaderas.

Recursos

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica PDF22 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.