diff --git a/src/ui/Footer/Footer.jsx b/src/ui/Footer/Footer.jsx
index 4f8314c5fc..3585b482cb 100644
--- a/src/ui/Footer/Footer.jsx
+++ b/src/ui/Footer/Footer.jsx
@@ -23,7 +23,7 @@ import Contact from '@eeacms/volto-eea-design-system/ui/Footer/Contact';
 const Footer = (props) => {
   const { children } = props;
   return (
-    <footer>
+    <footer id={'footer'}>
       <div className="footer-wrapper">
         <Container>{children}</Container>
       </div>
diff --git a/src/ui/Header/Header.jsx b/src/ui/Header/Header.jsx
index a5b89bed1a..b618cfaaa4 100644
--- a/src/ui/Header/Header.jsx
+++ b/src/ui/Header/Header.jsx
@@ -236,6 +236,7 @@ const Main = ({
                 <div
                   className="ui text eea-main-menu tablet or lower hidden menu"
                   ref={desktopMenuRef}
+                  id={'navigation'}
                 >
                   {menuItems.map((item) => (
                     <Menu.Item