Hola!
Estamos modificando una tienda online y nos están dando problemas de accesibilidad los formularios de contacto.
En concreto el email y el mensaje
¿podemos incluir código css que solucione este problema?
Hemos incluido el plugin de accesibilidad para divi pero no soluciona este error. Solo se muestran las etiquetas al poner el campo de entrada y elegir los símbolos permitidos
¿Podéis darnos alguna orientación?
Gracias
Contenido solo visible a usuarios registrados
Hola,
En este caso este aviso parece estar relacionado con la forma como Divi muestra las etiquetas de los campos del formulario, por defecto, Divi mantiene las etiquetas ocultas y utiliza el texto el propio campo como placeholder.
Una opción es probar mostrar las etiquetas que ya genera Divi con un código CSS que puedas añadir en el apartado de Divi -> Opciones del tema -> General -> CSS personalizado:
.et_pb_contact_form_label {
display: block;
}
.et_pb_contact_form_container .input::placeholder {
color: transparent;
}
.et_pb_contact_field_options_title {
display: none;
}
Puedes ver más información sobre cómo funciona o mostrar las etiquetas de los formularios en la documentación oficial de Divi: https://www.elegantthemes.com/blog/divi-resources/how-to-add-labels-above-the-fields-in-divis-contact-form-module
Una vez lo añadas, limpia las cachés que tengas y vuelve a realizar la prueba de accesibilidad.
Toma en cuenta que CSS puede servir para mostrar las etiquetas que Divi ya está generando, pero no puede crear por sí solo una asociación label correcta si esta no existe en el HTML. Si después de aplicar el cambio sigue apareciendo “Missing form label”, necesitaríamos revisar concretamente el código que está generando esos campos para comprobar si el label está correctamente asociado al input o textarea.
Un saludo.