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 creciente uso de la tecnología; la mayoría de los formularios se proporcionan en PDF, HTML, Microsoft Word, Google Docs, etc. Los formularios en PDF son los más utilizados. Si los formularios no son accesibles, las personas que utilicen lectores de pantalla o teclados no los rellenarán. 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. En los formularios PDF no es posible añadir texto de etiqueta, pero Adobe ofrece una forma de evitarlo. Los formularios PDF tienen algunas limitaciones. Se recomienda utilizar Google Forms y formularios HTML si es 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 serás 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 DC le permite añadir campos de formulario. Si no ve la herramienta en la lista de herramientas de la parte derecha de la pantalla, búsquela 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 situado debajo.
  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 encuentre esta herramienta, haga clic en Preparar formulario. Aparecerá la siguiente ventana:
    El formulario requiere firmas
  3. Si el documento requiere firmas, haga clic en la casilla que dice " Este documento requiere firmas" (Consejo: la firma sólo debe requerirse cuando sea absolutamente necesario). A continuación, haga clic en el botón Iniciar. Al marcar esta opción, 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

Los tooltips en campos de formulario como casillas de verificación y botones de radio pueden ser complicados. Para las casillas de verificación, incluya el número total de casillas de verificación que tiene. En el ejemplo de abajo 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)

Cuando escriba información sobre herramientas para botones de opción, incluya la pregunta. Por ejemplo, para el campo que aparece a continuación, la información sobre herramientas para los botones de opción Sí y No sería "¿Tiene pensado 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, para el botón de opción Sí del 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?

Tags in a form document are similar to HTML tags, used by assistive technologies to identify the content that is important to read. For example, headings are added to heading tags (<h>), form fields are added to form tags (<form>), paragraphs are added to paragraph tags (<p>), etc.

Las etiquetas definen el orden del contenido en el documento. El lector de pantalla lee el contenido por su orden etiquetado. Si no añade las etiquetas correctas, los lectores de pantalla no las leerán correctamente, y puede resultar muy confuso. Por ejemplo, si el campo de formulario se etiqueta con una etiqueta de párrafo en lugar de una etiqueta de formulario, el lector de pantalla no anunciará que es un campo de formulario y el usuario no podrá rellenarlo.

Si no etiqueta el contenido, el lector de pantalla no lo leerá. Lamentablemente, la creación de campos de formulario en el documento PDF no crea etiquetas de formulario. Se requieren nuevos pasos para crear etiquetas de formulario para todos los campos. Añada las etiquetas en el PDF utilizando Acrobat DC o un software de corrección de PDF.

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

  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 es el orden en el 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 los usuarios que sólo utilicen el teclado para navegar.

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 las pestañas. Para formularios complejos, esta opción puede no producir el orden de pestañas deseado. En ese caso, debe elegir la opción "Ordenar pestañas manualmente".
  • Por Fila: Esta opción establece el orden de las pestañas 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 manualmente el orden de las pestañas haciendo clic y arrastrando los campos en la lista de campos de la derecha.

    Ejemplo de orden de pestañas

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

Características adicionales

Adobe ofrece otras funciones además de los campos de formulario para añadir contenido al formulario.

  • Texto: Utilice esta función para añadir texto al documento.
    Añadir opción de texto
  • Botón: Cree un botón utilizando esta función. Una vez que haya añadido el botón, haga clic con el botón derecho del ratón sobre él para acceder a Propiedades > Acciones para añadir código JavaScript que defina la funcionalidad del botón.
    Añadir opción de botón
  • Imagen: Utilice esta función para añadir un marcador de posición de imagen que permitirá al usuario cargar una imagen en el documento.
    Añadir opción de imagen
  • Código de barras: Esta función permite añadir un código de barras al documento.
    Añadir opción de código de barras

Las propiedades de los documentos crean una base sólida

Tenga en cuenta las propiedades del documento (título e idioma) a la hora de hacerlo accesible. El título del documento es diferente del nombre del archivo. Si no establece un título para el documento, el título por defecto será el nombre del archivo, que no siempre es legible. Por ejemplo, sin un título para el documento a continuación, el lector de pantalla utilizará el nombre del archivo para el título y anunciará el título como "archivo 1 punto pdf".

Ejemplo de nombre de archivo incorrecto

Nombre de archivo en Adobe

Configure el idioma del documento para que los lectores de pantalla puedan identificar el idioma. Por ejemplo, si su documento está en español y el idioma del documento no está configurado, el lector de pantalla no leerá el documento correctamente porque no pronunciará las palabras correctamente.

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.