diff --git a/src/components/content-collapse/contentCollapse.js b/src/components/content-collapse/content-collapse.js
similarity index 89%
rename from src/components/content-collapse/contentCollapse.js
rename to src/components/content-collapse/content-collapse.js
index 729c649fb0..92d3cfe622 100644
--- a/src/components/content-collapse/contentCollapse.js
+++ b/src/components/content-collapse/content-collapse.js
@@ -19,7 +19,6 @@ function ContentCollapse({ label, labelClose, children }) {
 
   const collRef = useRef(null);
   const collObjRef = useRef(null);
-  // const id = 'content-collapse-' + new Date().getTime()
 
   const [id, setId] = useState("content-collapse-");
 
@@ -46,18 +45,18 @@ function ContentCollapse({ label, labelClose, children }) {
 
   return (
     <div className="content-collapse">
-      <a
+      <button
         href="#"
-        role="button"
+        type="button"
         onClick={collapseToggle}
         className="read-more mt-3 d-inline-flex align-items-center text-decoration-none"
-        /* data-bs-toggle="collapse" data-bs-target={'#'+id+'ReadMore'} */ aria-expanded="false"
+        aria-expanded="false"
         aria-controls={id}
       >
         <span className="more-text">{label}</span>
         <span className="less-text">{labelClose}</span>
         <Icon {...icon} />
-      </a>
+      </button>
       <div ref={collRef} className="collapse" id={id}>
         <ReactMarkdown className="mt-4">{children}</ReactMarkdown>
       </div>
diff --git a/src/components/footer-main/footer-main.js b/src/components/footer-main/footer-main.js
index 108277a2a9..d94d94cd8e 100644
--- a/src/components/footer-main/footer-main.js
+++ b/src/components/footer-main/footer-main.js
@@ -63,14 +63,14 @@ function FooterMain({ id, title, cols, tagsNo, social, community, subscribe }) {
 
           {cols && (
             <div className="row">
-              {cols.map((value, index) => (
+              {cols.map((value, colsIndex) => (
                 <div
-                  key={`item-${index}`}
+                  key={`item-${colsIndex}`}
                   className="col-12 col-md-6 col-lg-3 col-sm-6 pb-mb-2 pb-lg-0"
                 >
                   <List {...value}>
-                    {value.items.map((item, index) => (
-                      <ListItem {...item} key={`subitem-${index}`} />
+                    {value.items.map((item, itemsIndex) => (
+                      <ListItem {...item} key={`subitem-${itemsIndex}`} />
                     ))}
                   </List>
                 </div>
diff --git a/src/components/header-menu-link/header-menu-link.js b/src/components/header-menu-link/header-menu-link.js
index 2dbbeadbf0..2946911124 100644
--- a/src/components/header-menu-link/header-menu-link.js
+++ b/src/components/header-menu-link/header-menu-link.js
@@ -1,7 +1,6 @@
 import * as React from "react";
 import { useEffect } from "react";
 import { Dropdown } from "bootstrap-italia";
-import "./header-menu-link.scss";
 
 import { Link } from "gatsby";
 import Icon from "../icon/icon";
diff --git a/src/components/header-menu-link/header-menu-link.scss b/src/components/header-menu-link/header-menu-link.scss
deleted file mode 100644
index 42cb8fc71e..0000000000
--- a/src/components/header-menu-link/header-menu-link.scss
+++ /dev/null
@@ -1,129 +0,0 @@
-@import "../../scss/bootstrap-breakpoints";
-
-$navigation-link-color: var(--color-primary) !default;
-$navigation-link-color-desk: $white !default;
-$navbar-bg-color: var(--color-primary) !default;
-$navigation-bg-color: $white !default;
-$navigation-bg-color-desktop: var(--color-primary) !default;
-$navigation-link-active-bar-color: var(--color-primary) !default;
-$navigation-link-active-bar-color-desk: $white !default;
-$navigation-disabled-item-mobile-opacity: 0.6 !default;
-$navigation-disabled-item-opacity: 0.7 !default;
-
-$navigation-h-padding: 24px;
-$navigation-v-padding: 13px;
-$navigation-link-active-bar-size: 3px;
-
-// temp fix for menu a11y
-// button css could be removed once megamenu <button>s are implemented in Bootstrap Italia
-
-.nav-item {
-  & > button.nav-link {
-    border: none;
-    display: block;
-    background: none;
-    color: $navigation-link-color;
-    font-weight: 600;
-    padding: $navigation-v-padding $navigation-h-padding;
-    position: relative;
-
-    &.dropdown-toggle {
-      svg {
-        fill: $navbar-bg-color;
-        transition: all 0.3s;
-      }
-
-      &[aria-expanded="true"] {
-        .icon {
-          transform: scaleY(-1);
-        }
-      }
-    }
-
-    &.active {
-      border-left: $navigation-link-active-bar-size solid $navigation-link-active-bar-color;
-      color: $primary;
-    }
-
-    &.disabled {
-      span,
-      .icon {
-        opacity: $navigation-disabled-item-mobile-opacity;
-      }
-    }
-
-    &:hover:not(.active) {
-      text-decoration: underline;
-    }
-  }
-}
-
-//Tablet landscape --------------------------------------------------------------------------------------
-@include media-breakpoint-up(lg) {
-  .nav-item {
-    display: flex;
-    & > button.nav-link {
-      display: flex;
-      align-self: flex-end;
-      align-items: center;
-      font-weight: 400;
-      padding: $navigation-v-padding $navigation-h-padding;
-      color: $navigation-link-color-desk;
-      border-bottom: $navigation-link-active-bar-size solid transparent;
-      &.dropdown-toggle {
-        svg {
-          fill: $navigation-bg-color;
-          margin-top: 3px;
-        }
-      }
-
-      &.focus--mouse {
-        border-color: transparent !important;
-      }
-
-      &.active {
-        border-left: 0;
-        border-color: $navigation-link-active-bar-color-desk;
-        background: transparent;
-        color: $white;
-      }
-
-      &.disabled {
-        span,
-        .icon {
-          opacity: $navigation-disabled-item-opacity;
-        }
-      }
-
-      // megamenu white triangle
-      &:before {
-        content: "";
-        position: absolute;
-        top: auto;
-        bottom: -14px;
-        left: 24px;
-        width: 18px;
-        height: 18px;
-        border-radius: 4px;
-        background-color: $navigation-link-color-desk;
-        transform: rotate(45deg);
-        opacity: 0;
-        display: block;
-        transition: opacity 0.15s cubic-bezier(0.1, 0.57, 0.36, 0.99);
-      }
-      &.dropdown-toggle.show:before {
-        opacity: 1;
-      }
-    }
-  }
-  .it-header-sticky.is-sticky .nav-item button.nav-link {
-    font-size: 16px;
-  }
-}
-
-//Desktop  --------------------------------------------------------------------------------------
-@include media-breakpoint-up(xl) {
-  .it-header-sticky.is-sticky .nav-item button.nav-link {
-    font-size: 18px;
-  }
-}
diff --git a/src/components/list-item/list-item.js b/src/components/list-item/list-item.js
index f97314a2de..f54bcf507e 100644
--- a/src/components/list-item/list-item.js
+++ b/src/components/list-item/list-item.js
@@ -92,21 +92,21 @@ function ListItem({
   let icons;
   if (actions) {
     let urlHidden = false;
-    icons = actions.map((icons, index) => {
+    icons = actions.map((iconAction, actionsIndex) => {
       // to set aria-hidden if an icon on the right side has the same url of the main element
-      if (icons.url === url) urlHidden = true;
+      if (iconAction.url === url) urlHidden = true;
       else urlHidden = false;
       //
       return (
         <Link
-          to={icons.url}
-          target={icons.blank ? "_blank" : undefined}
-          rel={icons.blank ? "noreferrer" : undefined}
-          aria-label={icons.ariaLabel}
+          to={iconAction.url}
+          target={iconAction.blank ? "_blank" : undefined}
+          rel={iconAction.blank ? "noreferrer" : undefined}
+          aria-label={iconAction.ariaLabel}
           aria-hidden={urlHidden ? "true" : undefined}
-          key={`iconsaction-${index}`}
+          key={`iconsaction-${actionsIndex}`}
         >
-          <Icon {...icons} />
+          <Icon {...iconAction} />
         </Link>
       );
     });
@@ -119,7 +119,7 @@ function ListItem({
   if (metadata) {
     metadataRendered = <span className="metadata">{metadata.label}</span>;
     if (metadata.url) {
-      metadataRendered = <Link to="#">{metadataRendered}</Link>;
+      metadataRendered = <Link to={metadata.url}>{metadataRendered}</Link>;
     }
   }
   let metadataActionsRendered;
diff --git a/src/components/nav-sidebar/nav-sidebar.js b/src/components/nav-sidebar/nav-sidebar.js
index c612096730..ffde8a0856 100644
--- a/src/components/nav-sidebar/nav-sidebar.js
+++ b/src/components/nav-sidebar/nav-sidebar.js
@@ -207,12 +207,15 @@ function NavSidebar({
               </button>
             </div>
             <div className="menu-wrapper">
-              <a className="it-back-button" href="#" role="button">
+              <button
+                className="it-back-button btn w-100 text-start"
+                type="button"
+              >
                 <svg role="img" className="icon icon-sm icon-primary align-top">
                   <use href="/svg/sprites.svg#it-chevron-left" />
                 </svg>
                 <span>{backLabel}</span>
-              </a>
+              </button>
 
               <div className="nav-sidebar-header mx-4 mx-lg-3 mb-4 mb-lg-5 mt-0 mt-lg-3">
                 <a className="" href={url}>
diff --git a/src/components/search-main/search-main.js b/src/components/search-main/search-main.js
index 6178aae36b..1eceb9a964 100644
--- a/src/components/search-main/search-main.js
+++ b/src/components/search-main/search-main.js
@@ -110,18 +110,21 @@ function SearchMain({ location, maxResults, title, suggest }) {
                   {suggest.items && (
                     <div className="items-wrapper d-flex flex-wrap ms-lg-5">
                       <ul className="list-inline d-flex flex-wrap">
-                        {suggest.items.map((item, index) => (
-                          <li className="list-item me-3 mb-3" key={index}>
+                        {suggest.items.map((suggestItem, suggestIndex) => (
+                          <li
+                            className="list-item me-3 mb-3"
+                            key={suggestIndex}
+                          >
                             <Button
                               onClick={() => {
-                                setInput(item.label);
-                                search(item.label);
+                                setInput(suggestItem.label);
+                                search(suggestItem.label);
                               }}
                               type="submit"
                               size="md"
                               btnStyle="outline-secondary"
                             >
-                              {item.label}
+                              {suggestItem.label}
                             </Button>
                           </li>
                         ))}
diff --git a/src/components/section-editorial/section-editorial.js b/src/components/section-editorial/section-editorial.js
index a2bbc130a4..3c9b416b22 100644
--- a/src/components/section-editorial/section-editorial.js
+++ b/src/components/section-editorial/section-editorial.js
@@ -97,7 +97,9 @@ function SectionEditorial({
     <section className={styles} aria-describedby={id}>
       <div className={container}>
         <div className={row}>
-          {menu && (
+          {
+            // XXX This is a section index template, don't remove
+            /* menu && ( }
             <div className="d-none d-lg-block col-lg-3 offset-lg-1 affix-parent">
               <div className="sidebar-wrapper my-lg-0 affix-top">
                 <div className="sidebar-linklist-wrapper">
@@ -114,7 +116,6 @@ function SectionEditorial({
                         </a>
                       </li>
                       <li>
-                        {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
                         <a className="list-item medium" href="#">
                           <span>Link lista 4</span>
                         </a>
@@ -124,7 +125,8 @@ function SectionEditorial({
                 </div>
               </div>
             </div>
-          )}
+          ) */
+          }
           <div className={grid}>
             <div>
               {title && (
diff --git a/src/components/section-intro/section-intro.js b/src/components/section-intro/section-intro.js
index acaa51627c..3411fe24d6 100644
--- a/src/components/section-intro/section-intro.js
+++ b/src/components/section-intro/section-intro.js
@@ -3,7 +3,7 @@ import React from "react";
 import ReactMarkdown from "react-markdown";
 import "./section-intro.scss";
 
-import ContentCollapse from "../content-collapse/contentCollapse";
+import ContentCollapse from "../content-collapse/content-collapse";
 
 function SectionIntro({
   id,
diff --git a/src/components/table/table.js b/src/components/table/table.js
index 5e741be952..e3e21e3fb9 100644
--- a/src/components/table/table.js
+++ b/src/components/table/table.js
@@ -24,9 +24,9 @@ function Table({ title, head, rows, addonClasses, responsive, headingLevel }) {
   }
 
   if (rows) {
-    rowItems = rows.map((rowItem, index) => (
-      <tr key={`tr-${index}`}>
-        {rowItem.cols.map((tdItem, index) => {
+    rowItems = rows.map((rowItem, rowIndex) => (
+      <tr key={`tr-${rowIndex}`}>
+        {rowItem.cols.map((tdItem, tdIndex) => {
           if (tdItem.scope) {
             CellType = `th`;
             CellScope = "row";
@@ -34,15 +34,15 @@ function Table({ title, head, rows, addonClasses, responsive, headingLevel }) {
             CellType = `td`;
             CellScope = null;
           }
-          const tagsItems = tdItem.tags?.map((item, index) => (
+          const tagsItems = tdItem.tags?.map((item, itemIndex) => (
             <div>
-              <Tag {...item} key={`tag-${index}`} />
+              <Tag {...item} key={`tag-${itemIndex}`} />
             </div>
           ));
           return (
             <CellType
               scope={CellScope}
-              key={`td-${index}`}
+              key={`td-${tdIndex}`}
               className={tdItem.addonClasses}
             >
               {tdItem.text && <ReactMarkdown>{tdItem.text}</ReactMarkdown>}
diff --git a/src/components/text-image-cta/text-image-cta.js b/src/components/text-image-cta/text-image-cta.js
index 33a1c75b7a..c4fba71a9a 100644
--- a/src/components/text-image-cta/text-image-cta.js
+++ b/src/components/text-image-cta/text-image-cta.js
@@ -5,7 +5,7 @@ import SimpleCta from "../simple-cta/simple-cta";
 import "./text-image-cta.scss";
 
 import ImageResponsive from "../image-responsive/image-responsive";
-import ContentCollapse from "../content-collapse/contentCollapse";
+import ContentCollapse from "../content-collapse/content-collapse";
 
 function TextImageCta({
   title,
diff --git a/src/templates/home.js b/src/templates/home.js
index ee45255966..cc1dc58c0f 100644
--- a/src/templates/home.js
+++ b/src/templates/home.js
@@ -21,7 +21,7 @@ import skipLinksData from "../data/skiplinks.yaml";
 
 import Highlight from "../components/highlight/highlight";
 import SearchMain from "../components/search-main/search-main";
-import ContentCollapse from "../components/content-collapse/contentCollapse";
+import ContentCollapse from "../components/content-collapse/content-collapse";
 import SectionIntro from "../components/section-intro/section-intro";
 import HighlightCards from "../components/highlight-cards/highlight-cards";
 import Testimonials from "../components/testimonials/testimonials";