Hi, the DOM of your product renders fields like this:
<label>
<span class=”screen-reader-text”>Search</span>
<input placeholder=”Search by title or keywords” name=”_sf_search[]” class=”sf-input-text” type=”text” value=”” title=”Search”>
</label>
The input and the span should come after the label, and not be inside it.
This is how it should look:
<label for=”searchInput”>Search</label>
<input placeholder=”Search by title or keywords” name=”_sf_search[]” class=”sf-input-text” type=”text” value=”” title=”Search” id=”searchInput”>
if they want to hide the label, it can look like this:
<label for=”searchInput” class=”screen-reader-text” hidden>Search</label>
<input placeholder=”Search by title or keywords” name=”_sf_search[]” class=”sf-input-text” type=”text” value=”” title=”Search” id=”searchInput”>
Please fix, thanks