I’m wondering how I can address this accessibility issue.
This is the html code as it appears from the honeypot:
<span class=”wpa_hidden_field” style=”display:none;height:0;width:0;”>
<input type=”text” name=”HONEYPOTFIELDNAME_HERE”>
</span>
However, this produces a “Missing Form Label” error on WAVE accessibility checking.
one way to partially fix this would be adding the id=honeypot in wpa.js:
wpa_hidden_field = “<span class=’wpa_hidden_field’ style=’display:none;height:0;width:0;’><input type=’text’ name='”+wpa_field_name+”‘ id=’honeypot’ value='”+wpa_unique_id+”‘ /></span>”;
but then would also need to get <label for=”+wpa_field_name+”>honeypot</label> in there somewhere.
How can I implement this? I really want to use this plugin, but I must address accessibility. Thanks.