Addaw, ir a inicio Donar

Técnica PDF WCAG 2.2

PDF23Crear campos de formulario interactivos y usables con teclado en un PDF

Nombre oficial en el W3C: Proporcionar controles de formulario interactivos en documentos PDF

En pocas palabras

Un formulario PDF no puede ser solo un dibujo de líneas y casillas para imprimir. Debe tener campos interactivos de verdad: cuadros de texto, casillas, botones de opción, listas y botones. Así cualquier persona puede rellenarlo y enviarlo usando solo el teclado.

Por qué es importante

Muchas personas no usan ratón. Por ejemplo, personas ciegas que usan lector de pantalla o personas con poca movilidad en las manos. Si el formulario es solo un dibujo, no pueden escribir en él ni marcar opciones.

Con campos interactivos pueden recorrerlo con la tecla Tab, rellenarlo y enviarlo. Se relaciona con el criterio 2.1.1 (todo debe poder usarse con el teclado).

Cómo se hace

  1. Parta de un PDF etiquetado. Puede venir de Word o LibreOffice, o de un formulario en papel escaneado con el texto reconocido (OCR).
  2. En Acrobat Pro, use la opción de preparar formulario para detectar los campos automáticamente.
  3. Revise cada campo detectado: tipo correcto, nombre claro y descripción emergente, que es el texto que lee el lector de pantalla.
  4. Añada a mano los campos que falten, como casillas, listas desplegables o el botón de enviar.
  5. Revise el orden de tabulación para que siga el orden lógico de lectura del formulario.

Cómo comprobarlo

  1. Abra el formulario y recorra todos los campos con Tab y Mayús + Tab, sin usar el ratón.
  2. Compruebe que puede escribir en los cuadros, marcar casillas con la barra espaciadora y elegir opciones con las flechas.
  3. Verifique que el orden de paso por los campos es lógico.
  4. Compruebe que también puede enviar o guardar el formulario 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 PDF23 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 que contienen formularios.

Descripción

El objetivo de esta técnica es garantizar que los controles de formulario interactivos de los documentos PDF permitan su manejo con el teclado. Los formularios PDF interactivos se crean generalmente con una herramienta de autoría de PDF.

Los tipos de controles de formulario PDF son: campo de entrada de texto, casilla de verificación, botón de opción, cuadro combinado, cuadro de lista y botón.

Los controles de formulario permiten a los usuarios interactuar con un documento PDF rellenando información o indicando opciones, que después pueden enviarse para su procesamiento. Los usuarios que dependen del acceso por teclado deben poder reconocer y comprender los campos de formulario, hacer selecciones, introducir datos para completar los formularios y enviar el formulario, igual que pueden hacerlo los usuarios videntes.

Pueden proporcionarse controles de formulario interactivos para formularios creados convirtiendo un formulario escaneado en papel a PDF etiquetado, o creando un formulario en una aplicación de autoría como Microsoft Word u Open Office y convirtiéndolo a PDF etiquetado.

No obstante, los documentos creados con aplicaciones de autoría que ofrecen funciones de diseño de formularios pueden no conservar completamente sus campos de formulario rellenables al convertirlos a PDF. En particular, en los formularios complejos puede que los campos de formulario y las etiquetas no se conviertan correctamente al etiquetarlos durante la conversión.

Con Adobe Acrobat Pro y los formularios de documentos convertidos, puede asegurarse de que los campos de formulario sean accesibles y utilizables con el teclado mediante:

  • Abrir documentos PDF etiquetados con campos de formulario y crear elementos de formulario PDF interactivos con la herramienta Identificar campos de formulario.
  • Modificar los campos de formulario rellenables, o añadir campos de formulario, con Adobe Acrobat Pro

Ejemplos

Añadir controles interactivos a formularios existentes en documentos PDF con Adobe Acrobat Pro

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

Si tiene un formulario en un documento PDF etiquetado (creado escaneando un formulario en papel o usando una herramienta de autoría para generar PDF etiquetado), puede usar Adobe Acrobat Pro para hacer que los elementos del formulario sean accesibles con el teclado en las mismas posiciones de la página que el formulario estático.

  1. Use la herramienta Accesibilidad y, a continuación, la opción Identificar campos de formulario para detectar automáticamente los campos de formulario y hacerlos rellenables.

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

Añadir controles de formulario en documentos PDF con Adobe Acrobat Pro

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

Puede añadir controles de formulario accesibles con el teclado a su formulario de la siguiente manera:

  1. Seleccione la herramienta Preparar formulario
  2. En la barra de herramientas Preparar formulario que se acaba de abrir, seleccione el tipo de control de formulario que desea añadir.
La barra de herramientas Preparar formulario, que muestra una lista de distintos controles de formulario para seleccionar.

Añadir un campo de texto en un documento PDF con el tipo de campo /Tx

El siguiente fragmento de código ilustra el código típico de un campo de texto sencillo como el mostrado en los ejemplos 1 y 2. Normalmente lo genera una herramienta de autoría.

<< /AP -dict-                                                   
   /DA /Helv  0 Tf 0 g
   /DR -dict-
   /F 0x4
   /FT Tx              % FT key set to Tx for Text Field
   /P -dict-
   /Rect -array-
   /StructParent 0x1
   /Subtype Widget
   /T Date you are available   % Partial field name Date
   /TU Date you are available: use mm/dd/yyyy format % TU tool tip value serves as short description
   /Type Annot
   /V Pat Jones
>>
...
<Start Stream>
 BT
  /P <</MCID 0 >>BDC
  /CS0 cs 0  scn 
  /TT0 1 Tf
    -0.001 Tc 0.003 Tw 11.04 0 0 11.04 72 709.56 Tm
    [(P)-6(le)-3(as)10(e)-3( )11(P)-6(rin)2(t)-3( Y)8(o)-7(u)2(r N)4(a)11(m)-6(e)]TJ
  0 Tc 0 Tw 9.533 0 Td
  ( )Tj
  -0.004 Tc 0.004 Tw 0.217 0 Td
  [(\()-5(R)-4(e)5(q)-1(u)-1(i)-3(r)-3(e)-6(d)-1(\))]TJ
 EMC
  /P <</MCID 1 >>BDC
  0 Tc 0 Tw 4.283 0 Td
  [( )-2( )]TJ
   EMC
   /ArtifactSpan <</MCID 2 >>BDC
   0.002 Tc -0.002 Tw 0.456 0 Td
  [(__)11(___)11(___)11(___)11(___)11(_)11(____)11(___)11(___)11(__)]TJ
  0 Tc 0 Tw 13.391 0 Td
  ( )Tj
  EMC
 ET
<End Stream>

Pruebas

Procedimiento

  1. Para cada control de formulario, verificar que está correctamente implementado tabulando hasta cada control de formulario y comprobando que puede activarse o que su valor puede cambiarse desde el teclado.

Resultados esperados

  • La comprobación n.º 1 es verdadera.

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 PDF23 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.