Off-screen required field: what’s it for, why no label?
-
The subscription form from the shortcode includes an off-screen required field that has no label. Here is the HTML:
<label style="position:absolute;top:-99999px;left:-99999px;z-index:-99;"><input type="email" name="esfpx_es_hp_email" class="es_required_field" tabindex="-1" autocomplete="-1" value=""></label>My sites that use this plugin get dinged in accessibility audits because the field has no label. So that’s one thing.
But the broader question is: what is this field for? Some sort of honeypot, perhaps?
This question was brought up previously, but no answer was given before the thread was closed: https://wordpress.org/support/topic/extra-field-on-form/
-
This is a strange response. It’s clearly not a conflict. The code generating this off-screen field is right there in the plugin, in /lite/public/partials/class-es-shortcode.php, line 383.
Either this is a very lame auto-response, or your knowledge of this plugin is insufficient to offer adequate support.
I’m pretty sure this is a honey pot field. In any case, if you remove it from the file, the form no longer works.
For the accessibility audit software we’re using, you can avoid the ‘input with no label’ issue by simply hiding the input via CSS, like:
input[name="esfpx_es_hp_email"] { display: none; }You could also edit the above-named file to add a label, but I think in that case you should also add the attribute aria-hidden=”true” so that screen readers ignore it.
- The topic ‘Off-screen required field: what’s it for, why no label?’ is closed to new replies.
