wave.webaim.org label on search module

  • Posts: 914
  • Thank you received: 9
  • Hikashop Business
1 year 6 months ago #334367

Hello.
I run the check for the client because he is on a program to take some money from the state and we have to pass this test without errors.
One error we get is the bellow
Our search module lack of label.
Can you help please?

This message contains confidential information


Errors
Missing form label
What It Means
A form control does not have a corresponding label.
Why It Matters
If a form control does not have a properly associated text label, the function or purpose of that form control may not be presented to screen reader users. Form labels also provide visible descriptions and larger clickable targets for form controls.
How to Fix It
If a text label for a form control is visible, use the <label> element to associate it with its respective form control. If there is no visible label, either provide an associated label, add a descriptive title attribute to the form control, or reference the label(s) using aria-labelledby. Labels are not required for image, submit, reset, button, or hidden form controls.
The Algorithm... in English
An <input> (except types of image, submit, reset, button, or hidden), <select>, or <textarea> does not have a properly associated label. A properly associated label is:
a <label> element with a for attribute value that is equal to the id of a unique form control
a <label> element that surrounds the form control, does not surround any other form controls, and does not reference another element with its for attribute
a non-empty title attribute, or
a non-empty aria-labelledby attribute.

Please Log in or Create an account to join the conversation.

  • Posts: 77783
  • Thank you received: 12273
  • MODERATOR
1 year 6 months ago #334368

Hi,

This indeed comes from the input filter of the filter module on that page which doesn't have a label.
The label is missing because you've set the "title position" option of the filter to "inside" which removes the label next to the input and instead add the title of the filter as "placeholder" of the input.
Change that setting in your filter to something else to get the label back and you won't have the error.

Please Log in or Create an account to join the conversation.

Time to create page: 0.054 seconds
Powered by Kunena Forum