Ir al contenido

Accesibilidad en los formularios

Las Guías de accesibilidad de Elgin Community College son una publicación independiente y no están afiliadas ni autorizadas, patrocinadas o aprobadas por Adobe, Google o Microsoft Corporation. Para obtener permiso para utilizar el contenido de esta presentación o un enlace a este documento, póngase en contacto con el equipo web de Elgin Community College en digitalaccess@elgin.edu.

Visión general

Creemos formularios PDF accesibles.

Los formularios deben ser accesibles debido al uso cada vez mayor de la tecnología; la mayoría de los formularios se proporcionan ahora en formatos como PDF, HTML, Microsoft Word y Google Docs. Los formularios PDF son los más utilizados. Si los formularios no son accesibles, las personas que utilizan lectores de pantalla o teclados no podrán rellenarlos. Los formularios PDF son diferentes de los formularios HTML. En los formularios HTML, es necesario asociar el texto de la etiqueta con el campo de entrada. No es posible añadir texto de etiqueta en los formularios PDF, pero Adobe ofrece una forma de solucionar esta limitación. Los formularios PDF tienen algunas limitaciones. Se recomienda utilizar Google Forms y formularios HTML siempre que sea posible.

Para crear formularios PDF y hacerlos accesibles, necesitará Adobe Acrobat DC para acceder a la herramienta de preparación de formularios.

Después de completar esta guía de formación, usted será capaz de:

  1. Añadir campos de formulario para crear formularios accesibles
  2. Escribir tooltips adecuados para mejorar la accesibilidad
  3. Más información sobre etiquetas en formularios accesibles
  4. Establecer el orden correcto de las pestañas
  5. Más información sobre las funciones de formulario adicionales de Acrobat DC 
  6. Comprender cómo las propiedades del documento crean una base sólida
  7. Realizar pruebas de accesibilidad

Añadir campos de formulario para crear formularios accesibles

La herramienta Preparar formulario de Adobe Acrobat le permite añadir y editar campos de formulario en un PDF. Si no ve Preparar formulario en el panel Herramientas, puede acceder a ella de una de las siguientes maneras:

  1. Haga clic en el botón Más herramientas opción.
    Más herramientas
    Desplácese hacia abajo en la lista de herramientas hasta que vea la opción Preparar Formulario herramienta.
    Herramientas para formularios y firmas
    Haga clic en el botón Añadir botón de abajo.
  2. Escriba "Preparar formulario" en el campo de la herramienta de búsqueda, a la derecha de la ventana del documento, para encontrarlo de otra forma.
    Opción de herramienta de búsqueda
    Preparar el formulario
    Cuando encuentres esta herramienta, haz clic en "Preparar formulario. Aparecerá la siguiente ventana:
    El formulario requiere firmas
  3. Si el documento requiere firmas, haga clic en la casilla de verificación «Este documento requiere firmas» (Consejo: solo se deben requerir firmas cuando sea absolutamente necesario). A continuación, haga clic en el botón «Iniciar ». Al marcar esta casilla, el programa rellenará algunos o todos los campos del formulario.
  4. Es posible que tenga que añadir campos manualmente si ha creado un formulario complejo.

Aprenda a crear diferentes campos de formulario.

Escribir tooltips adecuados para mejorar la accesibilidad

La información sobre herramientas en PDF es como el texto alternativo de las imágenes. Escribir descripciones es fundamental para los lectores de pantalla. Escriba descripciones claras y concisas.

Cómo añadir información sobre herramientas

Haga clic con el botón derecho en el campo y seleccione Propiedades > General para acceder a la información sobre herramientas.

Ejemplo de información sobre herramientas

Consejos

Un buen ejemplo de tooltip para el campo de abajo sería "Nombre de pila de la madre". El texto debe tener menos de 50 caracteres.

Información sobre cuadro de texto

Las descripciones emergentes en campos de formulario como casillas de verificación y botones de opción pueden resultar complicadas. En el caso de las casillas de verificación, incluya el número total de casillas que hay. En el ejemplo siguiente, hay 4.

Ejemplo de casilla de verificación

Un buen ejemplo de tooltips para las casillas de verificación anteriores sería:

Campo Información sobre herramientas
Ninguno Nivel de conversación en inglés: Ninguno (1 de 4)
Principiante Principiante (2 de 4)
Intermedio Intermedio (3 de 4)
Avanzado Avanzado (4 de 4)

Al escribir información sobre herramientas para botones de opción, incluya la pregunta que corresponde a cada opción. Por ejemplo, para el campo siguiente, la información sobre herramientas para los botones de opción Sí y No sería «¿Tiene previsto conducir?». Sin embargo, no es necesario incluir «sí» o «no» en la información sobre herramientas porque, en el caso de los botones de opción, el lector de pantalla anuncia las opciones. Por ejemplo, cuando se selecciona el botón de opción Sí en el campo siguiente, el lector de pantalla NVDA anuncia: «¿Tiene previsto conducir? Sí, botón de opción no marcado».

Ejemplo de botón de radio

¿Qué son las etiquetas en los formularios accesibles?

Las etiquetas en un formulario PDF tienen una función similar a las etiquetas HTML. Las tecnologías de asistencia se basan en estas etiquetas para comprender qué contenido es esencial y cómo debe presentarse. Por ejemplo, los encabezados se identifican con etiquetas de encabezado, los campos de formulario se identifican con etiquetas de formulario y los párrafos se identifican con etiquetas de párrafo.

Las etiquetas también definen el orden de lectura del documento. Los lectores de pantalla leen el contenido en el orden en que está etiquetado. Si el contenido está etiquetado incorrectamente, puede leerse fuera de orden o anunciarse de forma inadecuada. Por ejemplo, si un campo de formulario está etiquetado como párrafo en lugar de como campo de formulario, el lector de pantalla no lo anunciará como interactivo y es posible que el usuario no se dé cuenta de que se puede completar.

Si el contenido no está etiquetado, es posible que los lectores de pantalla no puedan leerlo. Es importante tener en cuenta que crear campos de formulario en un PDF no genera automáticamente las etiquetas de accesibilidad necesarias. Se requieren pasos adicionales para etiquetar correctamente todos los campos del formulario .

Las etiquetas se pueden añadir o corregir utilizando Adobe Acrobat o Acrobat Pro, o bien utilizando un software especializado en la corrección de archivos PDF. En ECC utilizamos CommonLook PDF de Allyant. 

Adobe Acrobat puede añadir etiquetas automáticamente a un documento si aún no está etiquetado. Para utilizar la función de etiquetado automático de documentos:

  1. En el panel Herramientas, seleccione Accesibilidad. Es posible que tenga que buscarla en «Más herramientas» si no la ve en el panel Herramientas.
  2. Seleccione Autoetiquetar documento
  3. Puede revisar las etiquetas accediendo a Ver en la barra de herramientas superior y luego a Mostrar/ocultar > Paneles de navegación > Etiquetas de accesibilidad.

Establecer el orden correcto de las pestañas

El orden de tabulación se refiere a la secuencia en la que se navega por los campos del formulario cuando el usuario pulsa la tecla Tab. Establecer el orden de tabulación correcto es fundamental para que los lectores de pantalla funcionen correctamente; de lo contrario, confundirá a los usuarios de lectores de pantalla y a aquellos que navegan solo con el teclado.

Acrobat dispone de una función que permite establecer el orden de las pestañas. A la derecha, haz clic en el botón desplegable junto al texto "Campos".

Lista de pestañas

Debería ver las siguientes opciones:

Opciones de las fichas de pedido

 

Puedes pedir fichas:

  • Por estructura: esta opción establece automáticamente el orden de tabulación. En formularios complejos, es posible que esta opción no genere el orden de tabulación deseado. En ese caso, seleccione la opción «Ordenar pestañas manualmente».
  • Por fila: esta opción establece el orden de tabulación de izquierda a derecha.
  • Por columna: esta opción establece el orden de tabulación de arriba a abajo.
  • Manualmente: Esta opción le permite establecer el orden de tabulación manualmente haciendo clic y arrastrando los campos de la lista de la derecha.

    Ejemplo de orden de pestañas

Recomendamos comprobar el pedido pulsando la tecla TAB del teclado para navegar por los campos del formulario. A continuación, ordene los campos del formulario en el orden correcto siguiendo los pasos anteriores.

Características adicionales

Adobe Acrobat proporciona herramientas que van más allá de los campos de formulario estándar para añadir elementos interactivos y contenido de apoyo a un formulario.

  • Texto: Se utiliza para añadir instrucciones, etiquetas o contenido explicativo que los usuarios leen pero con el que no interactúan.
    Añadir opción de texto
  • Botón: Se utilizan para enviar un formulario, restablecer campos o activar acciones como abrir un enlace o ejecutar un script. Los botones deben estar debidamente etiquetados y etiquetados para que los lectores de pantalla anuncien su finalidad.
    Añadir opción de botón
  • Imágenes: Se utiliza para logotipos, sellos o guías visuales. Las imágenes deben incluir texto alternativo para que los usuarios de lectores de pantalla comprendan su finalidad.
    Añadir opción de imagen
  • Código de barras: Se utiliza para codificar datos de formularios con fines de procesamiento o seguimiento. Los códigos de barras deben incluir texto alternativo que explique su finalidad, ya que los lectores de pantalla no pueden interpretar las imágenes de los códigos de barras.
    Añadir opción de código de barras

Las propiedades del documento crean una base sólida.

Tenga en cuenta las propiedades del documento, como el título y el idioma, al hacer que su documento sea accesible. El título del documento es diferente del nombre del archivo. Si no establece un título para el documento, el título predeterminado será el nombre del archivo, que no siempre es legible. Por ejemplo, sin un título para el documento, el lector de pantalla utilizará el nombre del archivo como título y lo anunciará como «archivo 1 punto pdf».

Ejemplo de nombre de archivo incorrecto

Nombre de archivo en Adobe

Establezca el idioma del documento para que los lectores de pantalla puedan identificarlo. Por ejemplo, si su documento está en español y no se ha establecido el idioma del documento, el lector de pantalla no leerá el documento correctamente porque no pronunciará las palabras con precisión.

Para añadir el título:

  1. Vaya a Archivo > Propiedades
  2. Añada el Título en la pestaña Descripción.

    Configuración del título del documento

Para cambiar el idioma:

  1. Vaya a la pestaña Avanzado del panel Propiedades.
  2. Corrija o añada la lengua del documento.

    Configuración del idioma del documento

Pruebas de accesibilidad

Aprenda a realizar pruebas de accesibilidad en su PDF.