Incorrect use of – label for=FORM_ELEMENT

I have the search-form in tthe header on the page. And when opening the developer tools in Google Chrome, I see an error message, below:

Incorrect use of

<label for=FORM_ELEMENT>

The label’s for attribute doesn’t match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.
To fix this issue, make sure the label’s for attribute references the correct id of a form field.

Html below:

<form data-min-no-for-search="1" data-result-box-max-height="400" data-form-id="34055" class="is-search-form is-form-style is-form-style-3 is-form-id-34055 is-ajax-search" action="https://domain.se/" method="get" role="search"><label for="is-search-input-34055"><span class="is-screen-reader-text">S?k efter:</span><input type="search" id="is-search-input-34055" name="s" value="" class="is-search-input" placeholder="S?k efter f?rel?sare" autocomplete="off"><span class="is-loader-image" style="display: none;background-image:url(https://domain.se/wp-content/plugins/add-search-to-menu/public/images/spinner.gif);"></span></label><button type="submit" class="is-search-submit"><span class="is-screen-reader-text">S?kknapp</span><span class="is-search-icon"><svg focusable="false" aria-label="S?k" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></span></button><input type="hidden" name="id" value="34055"><input type="hidden" name="post_type" value="post"></form>

How do I fix this? Anyone else with same problem?

• This topic was modified 1 year, 1 month ago by danjeel.
• This topic was modified 1 year, 1 month ago by danjeel.
• This topic was modified 1 year, 1 month ago by danjeel.

The page I need help with: [log in to see the link]