diff --git a/package.json b/package.json
index 837f41066ac0..f5eface7c710 100644
--- a/package.json
+++ b/package.json
@@ -134,7 +134,7 @@
     "postcss-loader": "^8.2.0",
     "prettier": "^3.8.1",
     "react-refresh": "^0.18.0",
-    "react-test-renderer": "^17.0.2",
+    "react-test-renderer": "17.0.2",
     "redirect-webpack-plugin": "^1.0.0",
     "remark": "^15.0.1",
     "remark-autolink-headings": "7.0.1",
diff --git a/src/components/Dropdown/Dropdown.jsx b/src/components/Dropdown/Dropdown.jsx
index d3ff254674de..19fa0091edf4 100644
--- a/src/components/Dropdown/Dropdown.jsx
+++ b/src/components/Dropdown/Dropdown.jsx
@@ -51,6 +51,7 @@ export default class Dropdown extends Component {
 
     return (
       <nav
+        aria-label="Secondary"
         className={`dropdown ${className}`}
         ref={(el) => (this.dropdown = el)}
         onMouseOver={this._toggle.bind(this, true)}
diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss
index db99adc58267..0324f883dba2 100644
--- a/src/components/Footer/Footer.scss
+++ b/src/components/Footer/Footer.scss
@@ -115,3 +115,12 @@
 .footer__top p + p {
   margin-top: 18px;
 }
+
+.footer__top p a {
+  color: getColor(denim);
+  text-decoration: underline;
+
+  &:hover {
+    color: getColor(elephant);
+  }
+}
diff --git a/src/components/Navigation/Navigation.jsx b/src/components/Navigation/Navigation.jsx
index 54b83305f24b..0679a5fc8b06 100644
--- a/src/components/Navigation/Navigation.jsx
+++ b/src/components/Navigation/Navigation.jsx
@@ -131,7 +131,10 @@ function Navigation({ links, pathname, hash = "", toggleSidebar }) {
           <Link to="/" className="md:mr-auto">
             <Logo />
           </Link>
-          <nav className="hidden md:inline-grid md:grid-flow-col md:gap-x-[18px] md:items-center">
+          <nav
+            aria-label="Primary"
+            className="hidden md:inline-grid md:grid-flow-col md:gap-x-[18px] md:items-center"
+          >
             {links.map(({ content, url, isActive, ariaLabel }) => (
               <NavigationItem
                 key={url}
diff --git a/src/components/Sidebar/Sidebar.jsx b/src/components/Sidebar/Sidebar.jsx
index 64e2ee3ba70f..4f31b1e63760 100644
--- a/src/components/Sidebar/Sidebar.jsx
+++ b/src/components/Sidebar/Sidebar.jsx
@@ -28,7 +28,7 @@ export default function Sidebar({ className = "", pages, currentPage }) {
   let group;
 
   return (
-    <nav className={`sidebar ${className}`}>
+    <nav aria-label="Documentation" className={`sidebar ${className}`}>
       <div className="sidebar__inner">
         <div className="relative z-0 bg-white dark:bg-gray-100 ">
           <label htmlFor="docs-version" className="sr-only">
diff --git a/src/components/SidebarMobile/SidebarMobile.jsx b/src/components/SidebarMobile/SidebarMobile.jsx
index 9f6381e7ba53..b696817044b6 100644
--- a/src/components/SidebarMobile/SidebarMobile.jsx
+++ b/src/components/SidebarMobile/SidebarMobile.jsx
@@ -26,6 +26,7 @@ export default class SidebarMobile extends Component {
 
     return (
       <nav
+        aria-label="Mobile"
         className={`sidebar-mobile${openMod}`}
         ref={(ref) => (this._container = ref)}
         onTouchStart={this._handleTouchStart}
diff --git a/src/components/Site/Site.jsx b/src/components/Site/Site.jsx
index f465eba7ccc6..7de9262426ec 100644
--- a/src/components/Site/Site.jsx
+++ b/src/components/Site/Site.jsx
@@ -255,45 +255,46 @@ function Site(props) {
           toggle={_toggleSidebar}
         />
       ) : null}
-
-      <Routes>
-        <Route index element={<Splash />} />
-        <Route
-          element={
-            <Container className="site__content">
-              <Outlet />
-            </Container>
-          }
-        >
-          <Route path="app-shell" element={<Fragment />} />
-          {pages.map((page) => {
-            const path = page.path.replace("src/content/", "");
-            const { previous, next } = getAdjacentPages(
-              sidebarPages,
-              page,
-              "url",
-            );
-            return (
-              <Route
-                key={page.url}
-                path={page.url}
-                element={
-                  <PageElement
-                    currentPage={location.pathname}
-                    sidebarPages={sidebarPages}
-                    page={page}
-                    next={next}
-                    previous={previous}
-                    import={props.import}
-                    path={path}
-                  />
-                }
-              />
-            );
-          })}
-          <Route path="*" element={<PageNotFound />} />
-        </Route>
-      </Routes>
+      <main>
+        <Routes>
+          <Route index element={<Splash />} />
+          <Route
+            element={
+              <Container className="site__content">
+                <Outlet />
+              </Container>
+            }
+          >
+            <Route path="app-shell" element={<Fragment />} />
+            {pages.map((page) => {
+              const path = page.path.replace("src/content/", "");
+              const { previous, next } = getAdjacentPages(
+                sidebarPages,
+                page,
+                "url",
+              );
+              return (
+                <Route
+                  key={page.url}
+                  path={page.url}
+                  element={
+                    <PageElement
+                      currentPage={location.pathname}
+                      sidebarPages={sidebarPages}
+                      page={page}
+                      next={next}
+                      previous={previous}
+                      import={props.import}
+                      path={path}
+                    />
+                  }
+                />
+              );
+            })}
+            <Route path="*" element={<PageNotFound />} />
+          </Route>
+        </Routes>
+      </main>
       <Footer />
     </div>
   );
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 9ae4144d2684..b926ccfb4a77 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -10,7 +10,7 @@
   @apply bg-transparent lg:bg-gray-500 transition duration-200 !important;
 }
 .DocSearch-Button-Placeholder {
-  @apply hidden lg:font-light lg:text-sm lg:block lg:text-gray-200 lg:dark:text-gray-300 transition duration-200 !important;
+  @apply hidden lg:font-light lg:text-sm lg:block lg:text-gray-100 lg:dark:text-gray-300 transition duration-200 !important;
 }
 .DocSearch-Button:hover .DocSearch-Button-Placeholder {
   @apply lg:text-gray-100 !important;
diff --git a/yarn.lock b/yarn.lock
index d9fce27a547b..b665f497c8ec 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11939,7 +11939,7 @@ react-shallow-renderer@^16.13.1:
     object-assign "^4.1.1"
     react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
 
-react-test-renderer@^17.0.2:
+react-test-renderer@17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.2.tgz#4cd4ae5ef1ad5670fc0ef776e8cc7e1231d9866c"
   integrity sha512-yaQ9cB89c17PUb0x6UfWRs7kQCorVdHlutU1boVPEsB8IDZH6n9tHxMacc3y0JoXOJUsZb/t/Mb8FUWMKaM7iQ==