ARIA IDs are not unique Lighthouse

Hi,

So, as I understand, on the one page you have several search forms with the same ID value. It is strange because this ID is generated individually for each form separately by calling uniqid() php function.

Please tell me – do you have any caching plugins on your site? If so – can you please clear its cache and check this issue one more time?

Regards

Hi Team,

I have the same form but in two different sections with different layouts but I use the same shortcode “[aws_search_form]”

I have already cleared cache and everything but the problem persists.

Regards

I was trying to reproduce the same issue on my side but failed.

Please tell me – how to place that search form shortcodes on your shop page? Are you using any page builder plugin for this?

Regards

To reproduce you just have to add the same shortcode ‘[aws search_form]’ in the header and footer or in the content of the page, I am using Elementor Pro

Thanks for your explanation. What I found is that this problem can happen if you use search form shortcode inside the Elementor header and on your site you also have a fixed header. In this case Elementor creates a duplicate of its header. That’s why you receive that error with IDs duplications.

Can you please confirm that you are using the shortcode inside the header and you have fixed header on your site?

Regards

So, how do we fix the duplicate error and failing CWVs for that?

@show-up-strong Is that your case?

Thanks for your explanation. What I found is that this problem can happen if you use search form shortcode inside the Elementor header and on your site you also have a fixed header. In this case Elementor creates a duplicate of its header. That’s why you receive that error with IDs duplications.

Can you please confirm that you are using the shortcode inside the header and you have fixed header on your site?