Cómo crear formularios de inscripción adaptados a la ADA

Qué aprenderás

Aprenda a utilizar la función de asistente de accesibilidad de la pestaña Alertas de formulario del editor de formularios de inscripción para evitar algunos de los problemas más comunes de cumplimiento de las pautas de accesibilidad al contenido en la Web (WCAG). Las empresas que se esfuerzan por hacer que sus sitios web sean aptos para la ADA deben hacer referencia y seguir las normas WCAG. El asistente de accesibilidad le guiará en la creación de formularios de inscripción accesibles para todos los visitantes de su sitio web. 

Antes de empezar

A continuación encontrará una lista de los problemas que comprobará el asistente de accesibilidad. Tenga en cuenta que los tipos de error enumerados a continuación son la forma en que los identifica el asistente de accesibilidad de Klaviyo, no los nombres específicos de campo en el constructor de formularios. Si se detecta un error, aparecerá una alerta con una descripción y un aviso de solución en la pestaña Alertas de formulario.

Cree un formulario de inscripción adaptado a la ADA

Tanto si está creando su primer formulario de inscripción como si está actualizando un formulario, el asistente de accesibilidad le ayudará a identificar y solucionar los problemas de accesibilidad.

Para crear un formulario en línea con las normas WCAG enumeradas anteriormente:

1. Cree un nuevo formulario de inscripción o abra el editor de formularios para uno de sus formularios de inscripción existentes.
2. Utilice el editor para añadir bloques de contenido y dar estilo al formulario para adaptarlo a su marca.
   

   El asistente de accesibilidad supervisará los elementos delformulario que no cumplan las normas WCAG a medida que construya su formulario y los registrará como Alertas activas. Un formulario existente registrará todos los problemas en la sección Alertas activas.

3. Haga clic en las alertas de formulario de la parte inferior izquierda para ver los problemas de accesibilidad identificados.
   
   En Alertas activas, verá varias tarjetas que describen los elementos que no cumplen las normas WCAG que el asistente de accesibilidad ha identificado en su formulario, además de otros problemas de contenido o diseño identificados. Cada tarjeta incluirá una descripción del problema y una indicación para solucionarlo o descartarlo. Por ejemplo, si añade una imagen a su formulario de inscripción, el asistente de accesibilidad le avisará para que añada texto alternativo a la imagen. El texto alternativo proporciona una descripción de la imagen para que los compradores que naveguen por su sitio con un lector de pantalla puedan acceder al contenido digital.
   
   
4. Para solucionar un problema, siga las sugerencias de la ficha y resuelva o añada los elementos que faltan. Cuando esté satisfecho con los cambios, haga clic en Fijar.
   

   Algunos problemas le pedirán que los solucione en la configuración del bloque correspondiente (por ejemplo, un bloque de botones) o en la sección de estilos, en lugar de hacerlo directamente en la pestaña de alertas del formulario. Para resolver estos problemas, tome nota de la descripción del problema en la tarjeta de alerta y, a continuación, haga clic en Editar bloque (o Editar estilos) para realizar los cambios sugeridos. Vuelva a la pestaña Alertas de formulario una vez solucionado el problema.

   
5. Si desea ignorar una o varias de las sugerencias de accesibilidad, haga clic en Descartar. Al descartar un asunto, aparecerá un modal pidiéndole que cancele o confirme su elección.
   
   

   Puede volver a los asuntos ignorados en otro momento abriendo el asistente y consultando sus alertas previamente descartadas. Se recomienda que solucione todos los problemas resaltados en el asistente de accesibilidad. El incumplimiento de las normas WCAG puede exponer a su empresa a riesgos legales.

   Una vez que haya solucionado o descartado con éxito todos los problemas identificados, verá que aparece el mensaje "No hay alertas activas" en la pestaña Alertas de formulario.
   
6. Haga clic en Publicar para poner en marcha su formulario de inscripción en su sitio con las actualizaciones de accesibilidad.
   

   Tenga en cuenta que cuando haga clic en publicar, se le pedirá que corrija cualquier alerta de formulario activa. Puede optar por resolver los errores en la pestaña Alertas de formulario o publicarlos de todos modos.

Informes de accesibilidad de JAWS

Tenga en cuenta que es posible que JAWS, un programa lector de pantalla de ordenador para Microsoft Windows, no detecte los formularios de inscripción de su sitio web creados en Klaviyo. Para garantizar que los visitantes que utilicen JAWS puedan seguir interactuando con los formularios de registro de su sitio web, le sugerimos que añada un fragmento de código adicional a su sitio que lo haga más accesible para JAWS. 

Copie el siguiente fragmento de código y péguelo en el archivo del tema principal de su sitio para que JAWS detecte y lea sus formularios de inscripción de Klaviyo:

Próximos pasos

Es importante mantener los estándares WCAG en todos sus formularios de registro de Klaviyo. Los formularios de inscripción publicados anteriormente aún pueden contener problemas de accesibilidad para que usted los corrija, pero tenga en cuenta que Klaviyo no corregirá automáticamente ningún problema que no cumpla con las WCAG. 

Navegue hasta la pestaña de alertas de formularios dentro del editor de cada uno de sus formularios existentes para resolver cualquier problema de accesibilidad y ayudar así al cumplimiento de las normas WCAG en su sitio web.

Recursos adicionales

• Lista de reglas Axe HTML 4.5
• Accesibilidad en correos electrónicos y formularios referencia de buenas prácticas
• Primeros pasos con los formularios de registro