{"id":93034,"date":"2016-08-08T21:53:00","date_gmt":"2016-08-08T12:53:00","guid":{"rendered":"https:\/\/contactform7.com\/?p=93034"},"modified":"2026-10-16T21:55:34","modified_gmt":"2026-10-16T12:55:34","slug":"contact-form-7-45","status":"publish","type":"post","link":"https:\/\/contactform7.com\/es\/2016\/08\/08\/contact-form-7-45\/","title":{"rendered":"Contact Form 7 4.5"},"content":{"rendered":"

La plantilla por defecto del formulario de contacto se ha modificado por primera vez en ocho a\u00f1os. El cambio m\u00e1s importante es la incorporaci\u00f3n de elementos label<\/code>.<\/p>\n

Las pautas de accesibilidad recomiendan utilizar un elemento label<\/code><\/a> para etiquetar un control de formulario. En las versiones anteriores, la plantilla predeterminada no utilizaba elementos label<\/code>, por lo que ten\u00edas que a\u00f1adirlos por tu cuenta si quer\u00edas que tu formulario fuera accesible.<\/p>\n

En las primeras versiones, publicadas antes de 2008, la plantilla predeterminada s\u00ed utilizaba elementos label<\/code>, pero se abandonaron por un motivo.<\/p>\n


\n<\/p>\n

Si los elementos label<\/code> se utilizaran en la plantilla predeterminada, los usuarios tender\u00edan a seguir ese ejemplo e intentar\u00edan utilizarlos tambi\u00e9n para los campos que a\u00f1adieran. Esta pr\u00e1ctica no es incorrecta, pero en ocasiones provocaba un error grave.<\/p>\n

Para mostrar un error habitual relacionado con los elementos label<\/code>, prueba a a\u00f1adir la siguiente l\u00ednea a tu formulario de contacto:<\/p>\n

<label>[checkbox your-country \"China\" \"India\" \"San Marino\"]<\/label><\/code><\/pre>\n
\u00bfParece correcto? Prueba a hacer clic en las etiquetas de la segunda o tercera opci\u00f3n (los textos \u00abIndia\u00bb o \u00abSan Marino\u00bb). \u00bfPuedes marcar la casilla correspondiente? No, \u00bfverdad? No funciona en absoluto.<\/p>\n
Esto ocurre porque has incluido varios controles de formulario dentro de un \u00fanico elemento label<\/code>. Cada elemento label<\/code> debe corresponder a un solo control de formulario. Como la etiqueta de formulario ([checkbox your-country \"China\" \"India\" \"San Marino\"]<\/code>) en realidad se sustituye por tres campos de entrada<\/a>, el marcado HTML no es v\u00e1lido.<\/p>\n
Para etiquetar casillas de verificaci\u00f3n y botones de opci\u00f3n, Contact Form 7 ofrece la opci\u00f3n use_label_element<\/code><\/a>. Utiliza esta opci\u00f3n en lugar de a\u00f1adir elementos label<\/code> manualmente.<\/p>\n
Debido a los problemas que provocaban los elementos label<\/code> en la plantilla predeterminada del formulario de contacto, se decidi\u00f3 dejar de utilizarlos. Sin embargo, no cabe duda de que debemos fomentar el uso correcto de las etiquetas en los formularios.<\/p>\n
Para solucionar esta situaci\u00f3n, Contact Form 7 4.5 incorpora una comprobaci\u00f3n adicional en el validador de configuraci\u00f3n. Si insertas dos o m\u00e1s etiquetas de formulario dentro de un mismo elemento label<\/code>, aparecer\u00e1 una alerta para se\u00f1alar una posible configuraci\u00f3n incorrecta.<\/p>\n
Esta mejora surgi\u00f3 de un debate con el equipo de accesibilidad de WordPress<\/a> durante el Contributor Day de WordCamp Europe 2016<\/a>.<\/p>\n\n
Requisitos:<\/strong> WordPress 4.4 o superior
\nProbado hasta:<\/strong> WordPress 4.6<\/p>\n
» Descargar el plugin Contact Form 7 desde WordPress.org<\/a><\/strong><\/p>\n
Registro de cambios<\/h4>\n