Unable to wrap Elementor elements inside Landmark (Accessibility)

Hi Team,

We need to integrate WCAG (Accessibility Level AA) in the website, we are facing issues in wrapping Elementor classes inside a Landmark. We have tried hooks but it is not working properly.

We have created the Header, Pages, Footer template with the Elementor Pro plug-in. That we need to wrap with <header> <main> <footer>.

We have checked the HTML tag section on the header template to wrap the sections. But we have two separate sections for the logo and top menu sections. Can we wrap these two sections with one <header> element?

Also, we need to start the <main> tag after the header section. Then close it before the footer. Also, wrap the footer section with the <footer> tag.

Could you please check the possibility and help with this.