Contact Form 7

La plantilla por defecto del formulario de contacto se ha modificado por primera vez en ocho años. El cambio más importante es la incorporación de elementos label.

Las pautas de accesibilidad recomiendan utilizar un elemento label para etiquetar un control de formulario. En las versiones anteriores, la plantilla predeterminada no utilizaba elementos label, por lo que tenías que añadirlos por tu cuenta si querías que tu formulario fuera accesible.

En las primeras versiones, publicadas antes de 2008, la plantilla predeterminada sí utilizaba elementos label, pero se abandonaron por un motivo.

Si los elementos label se utilizaran en la plantilla predeterminada, los usuarios tenderían a seguir ese ejemplo e intentarían utilizarlos también para los campos que añadieran. Esta práctica no es incorrecta, pero en ocasiones provocaba un error grave.

Para mostrar un error habitual relacionado con los elementos label, prueba a añadir la siguiente línea a tu formulario de contacto:

<label>[checkbox your-country "China" "India" "San Marino"]</label>

¿Parece correcto? Prueba a hacer clic en las etiquetas de la segunda o tercera opción (los textos «India» o «San Marino»). ¿Puedes marcar la casilla correspondiente? No, ¿verdad? No funciona en absoluto.

Esto ocurre porque has incluido varios controles de formulario dentro de un único elemento label. Cada elemento label debe corresponder a un solo control de formulario. Como la etiqueta de formulario ([checkbox your-country "China" "India" "San Marino"]) en realidad se sustituye por tres campos de entrada, el marcado HTML no es válido.

Para etiquetar casillas de verificación y botones de opción, Contact Form 7 ofrece la opción use_label_element. Utiliza esta opción en lugar de añadir elementos label manualmente.

Debido a los problemas que provocaban los elementos label en la plantilla predeterminada del formulario de contacto, se decidió dejar de utilizarlos. Sin embargo, no cabe duda de que debemos fomentar el uso correcto de las etiquetas en los formularios.

Para solucionar esta situación, Contact Form 7 4.5 incorpora una comprobación adicional en el validador de configuración. Si insertas dos o más etiquetas de formulario dentro de un mismo elemento label, aparecerá una alerta para señalar una posible configuración incorrecta.

Esta mejora surgió de un debate con el equipo de accesibilidad de WordPress durante el Contributor Day de WordCamp Europe 2016.

Requisitos: WordPress 4.4 o superior
Probado hasta: WordPress 4.6

» Descargar el plugin Contact Form 7 desde WordPress.org

Registro de cambios

• Se ha revisado la plantilla predeterminada del formulario de contacto.
• reCAPTCHA: se ejecuta grecaptcha.reset() después de enviar el formulario.
• Se han incorporado la opción autocomplete para las etiquetas de formulario y el hook de filtro wpcf7_form_autocomplete para gestionar el atributo autocomplete.
• Se ha revisado el validador de configuración. Se ha incorporado el hook de acción wpcf7_config_validator_validate para permitir la intervención de código de terceros.
• Se ha corregido un error en la etiqueta de formulario para el recuento de caracteres.
• Paquetes de idiomas: se han eliminado del paquete del plugin los archivos de idioma de danés (da_DK), polaco (pl_PL) y checo (cs_CZ).