Centro de Ayuda Wix
    Inicio
  1. Crear tu sitio
  2. Crear un sitio accesible
  3. Hacer tu sitio accesible
    4. Accesibilidad: crear un formulario de Wix Formularios accesible

Accesibilidad: crear un formulario de Wix Formularios accesible

4 min de lectura
Los formularios permiten a los visitantes del sitio enviar información, unirse a una lista de correo, y más. Al crear un formulario, es importante tener en cuenta la accesibilidad para garantizar que todos puedan verlo y usarlo. 
Sigue los pasos de este artículo para crear un formulario que los visitantes puedan navegar e interactuar, y aprovechar tu sitio al máximo.

Paso 1 | Muestra los títulos de los campos

Muestra los títulos de los campos para permitir que los visitantes identifiquen cada campo del formulario. Mostrar los títulos aporta claridad e indica a los visitantes en qué campo se encuentran en la actualidad.

Para mostrar los títulos de los campos:

  1. Selecciona el formulario en el editor.
  2. Haz clic en Editar formulario.
  3. Selecciona un campo del formulario.
  4. Haz clic en Ajustes.
  5. Pasa el cursor sobre el título del campo y haz clic en el icono Más acciones .
  6. Haz clic en Mostrar título del campo.
Centro de formularios. Se ha seleccionado un campo y el cursor hace clic en

Paso 2 | Define los títulos de los campos

Luego de habilitar los títulos de los campos, asegúrate de definirlos claramente. El título debe ser específico para garantizar que los visitantes sepan qué se solicita exactamente (apellido, número de teléfono, etc.).

Para definir los títulos de los campos:

  1. Selecciona el formulario en el editor.
  2. Haz clic en Editar formulario.
  3. Selecciona un campo del formulario.
  4. Haz clic en Ajustes.
  5. Ingresa el texto en Título del campo.
  6. Haz clic en Guardar.
Centro de formularios. Se ha seleccionado un campo y el cursor hace clic en el campo de título.

Paso 3 | Personaliza el diseño del formulario

Ajustar los campos y botones del formulario por estado (Normal, Efecto cursor y Error) puede crear una experiencia visual lógica. Recomendamos personalizar el diseño para el estado Efecto cursor, por ejemplo, para que los visitantes sepan con qué parte del formulario están interactuando.
Información útil:
El estado Efecto cursor es el aspecto que tiene el campo o el botón del formulario cuando un visitante pasa el cursor sobre él. El estado Normal es cómo se muestra antes de que el visitante interactúe con él.

Para personalizar el diseño del formulario:

  1. Selecciona el formulario en el editor.
  2. Haz clic en Ajustes.
  3. Selecciona Diseño.
  4. Elige qué parte del formulario deseas personalizar:
    • Campos: 
      1. Selecciona Campos del formulario.
      2. Selecciona Efecto cursor en el menú desplegable.
      3. Cambia el diseño del campo:
        • Color y opacidad del relleno: establece el color del fondo del campo y arrastra el control deslizante para cambiar la opacidad.
        • Color y opacidad del borde: establece el color y la opacidad del borde del campo.
    • Botones:
      1. Selecciona Botones.
      2. Selecciona el botón que deseas personalizar (Enviar, Volver, Siguiente, etc.).
      3. Haz clic en la pestaña Efecto cursor.
      4. Cambia el diseño del botón:
        • Color del texto: establece el color del texto del botón al pasar el cursor.
        • Color y opacidad: establece el color del fondo del botón y arrastra el control deslizante para cambiar la opacidad.
        • Color y opacidad del borde: establece el color y la opacidad del borde del botón.
El panel de diseño de los campos del formulario está abierto. Se ha seleccionado el estado Efecto cursor y el cursor hace clic en el cuadro de color.
Consejos:

Paso 4 | Habilita los indicadores visuales en tu sitio

Los indicadores visuales pueden ayudar a navegar por tu sitio a las personas con diferentes necesidades de visión o de movilidad. Cuando los habilitas, los visitantes que usan la tecla de tabulación ven un cuadro azul alrededor de la sección o del elemento en el que se encuentran. Más información sobre los indicadores visuales
Los indicadores visuales se habilitan automáticamente en los sitios creados en el Editor de Wix Studio.

Para habilitar los indicadores visuales:

  1. Selecciona Ajustes en la barra superior del Editor de Wix.
  2. Selecciona Asistente de accesibilidad.
  3. Selecciona el icono Más acciones en la parte superior derecha del Asistente. 
  4. Selecciona Ajustes avanzados de accesibilidad.
  5. Selecciona Indicadores visuales. 
  6. Habilita la palanca Permite que los usuarios de teclados naveguen por tu sitio.
La palanca de indicadores visuales se ha habilitado en los ajustes avanzados del Asistente de accesibilidad.
Próximo paso:
Vuelve a la lista de verificación de accesibilidad para seguir mejorando la accesibilidad de tu sitio. 

¿Te ha sido útil?

|
En este artículo
  • Paso 1 | Muestra los títulos de los campos
  • Paso 2 | Define los títulos de los campos
  • Paso 3 | Personaliza el diseño del formulario
  • Paso 4 | Habilita los indicadores visuales en tu sitio