Contact forms and accessibility

I have a query about accessibility. I have a form in the footer of my site. And for some reason there is a hidden text field (which I didn’t add, seems to added by default, maybe a honeypot?).

<p class=”hidden” style=””><input type=”text” name=”avia_6_1″ class=”hidden ” id=”avia_6_1″ value=”” style=””></p>

Apparently, this has missing a label which is required for accessibility even though it’s hidden. I appreciate this isn’t going to affect overall accessibility but the client’s software still picks this up. Is it possible to remove this hidden field or give it a label?

Here’s the error

Error
Input field has no description
1.3.1 Info and Relationships
Input fields should always have a description that is explicitly associated with the field to make sure that users of assistive technologies will also know what the field is for.

If the input field has a visible description indicating the purpose of the field, this description should be explicitly associated to the input field either as a HTML label or using the WAI-ARIA attribute ‘aria-labelledby’.

If it is not possible to add a visible description, either add a mouseover text (‘title’ attribute) to the input field or create an invisible label using the WAI-ARIA attribute ‘aria-label’.

Occurrences on this page1
<input>Empty Invisible

See site example here: https://owe.brother.design/ – password in private content

Any ideas?

Thanks in advance

• This topic was modified 1 year, 10 months ago by domchocolate.