From 0a4dc93c16d485f45735de68d38cda6b4cbf179b Mon Sep 17 00:00:00 2001
From: rishabh037_ <rishabh037mishra@gmail.com>
Date: Sun, 1 Mar 2026 19:57:43 +0530
Subject: [PATCH 1/3] fix(a11y): add main landmark, unique nav labels, and fix
 color contrast

---
 src/components/Dropdown/Dropdown.jsx          |  1 +
 src/components/Footer/Footer.scss             |  9 +++
 src/components/Navigation/Navigation.jsx      |  4 +-
 src/components/Sidebar/Sidebar.jsx            |  2 +-
 .../SidebarMobile/SidebarMobile.jsx           |  1 +
 src/components/Site/Site.jsx                  | 79 ++++++++++---------
 src/styles/tailwind.css                       |  2 +-
 7 files changed, 56 insertions(+), 42 deletions(-)

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..6ed7b4d139b6 100644
--- a/src/components/Navigation/Navigation.jsx
+++ b/src/components/Navigation/Navigation.jsx
@@ -131,7 +131,9 @@ 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;

From a14ba68e874af92e43f48439cc094b423269df38 Mon Sep 17 00:00:00 2001
From: rishabh037_ <rishabh037mishra@gmail.com>
Date: Sun, 1 Mar 2026 20:22:15 +0530
Subject: [PATCH 2/3] style: fix prettier formatting in Navigation.jsx

---
 package.json                             |  2 +-
 src/components/Navigation/Navigation.jsx |  5 +--
 yarn.lock                                | 45 +++++++++++-------------
 3 files changed, 24 insertions(+), 28 deletions(-)

diff --git a/package.json b/package.json
index 837f41066ac0..e3b23fe8e143 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": "^19.2.4",
     "redirect-webpack-plugin": "^1.0.0",
     "remark": "^15.0.1",
     "remark-autolink-headings": "7.0.1",
diff --git a/src/components/Navigation/Navigation.jsx b/src/components/Navigation/Navigation.jsx
index 6ed7b4d139b6..0679a5fc8b06 100644
--- a/src/components/Navigation/Navigation.jsx
+++ b/src/components/Navigation/Navigation.jsx
@@ -132,8 +132,9 @@ function Navigation({ links, pathname, hash = "", toggleSidebar }) {
             <Logo />
           </Link>
           <nav
-          aria-label="Primary"
-          className="hidden md:inline-grid md:grid-flow-col md:gap-x-[18px] md:items-center">
+            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/yarn.lock b/yarn.lock
index d9fce27a547b..3c809d6cdf81 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11896,20 +11896,20 @@ react-helmet-async@^2.0.5:
     react-fast-compare "^3.2.2"
     shallowequal "^1.1.0"
 
-"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.3.1:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
-  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
-
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-is@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
-  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+react-is@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
+
+react-is@^19.2.4:
+  version "19.2.4"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-19.2.4.tgz#a080758243c572ccd4a63386537654298c99d135"
+  integrity sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA==
 
 react-refresh@^0.18.0:
   version "0.18.0"
@@ -11931,23 +11931,13 @@ react-router@6.28.0:
   dependencies:
     "@remix-run/router" "1.21.0"
 
-react-shallow-renderer@^16.13.1:
-  version "16.15.0"
-  resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
-  integrity sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==
-  dependencies:
-    object-assign "^4.1.1"
-    react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
-
-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==
+react-test-renderer@^19.2.4:
+  version "19.2.4"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-19.2.4.tgz#c26f93fc8da5409472626cd873d005a1974df3ff"
+  integrity sha512-Ttl5D7Rnmi6JGMUpri4UjB4BAN0FPs4yRDnu2XSsigCWOLm11o8GwRlVsh27ER+4WFqsGtrBuuv5zumUaRCmKw==
   dependencies:
-    object-assign "^4.1.1"
-    react-is "^17.0.2"
-    react-shallow-renderer "^16.13.1"
-    scheduler "^0.20.2"
+    react-is "^19.2.4"
+    scheduler "^0.27.0"
 
 react-tiny-popover@5:
   version "5.1.0"
@@ -12614,6 +12604,11 @@ scheduler@^0.20.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
+scheduler@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.27.0.tgz#0c4ef82d67d1e5c1e359e8fc76d3a87f045fe5bd"
+  integrity sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==
+
 schema-utils@^4.0.0, schema-utils@^4.2.0, schema-utils@^4.3.0, schema-utils@^4.3.3:
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.3.tgz#5b1850912fa31df90716963d45d9121fdfc09f46"

From ec17d19f25c83f077cecf460237b1404c99fe2fa Mon Sep 17 00:00:00 2001
From: rishabh037_ <rishabh037mishra@gmail.com>
Date: Sun, 1 Mar 2026 20:54:33 +0530
Subject: [PATCH 3/3] fix: align react-test-renderer with react v17

---
 package.json |  2 +-
 yarn.lock    | 45 +++++++++++++++++++++++++--------------------
 2 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/package.json b/package.json
index e3b23fe8e143..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": "^19.2.4",
+    "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/yarn.lock b/yarn.lock
index 3c809d6cdf81..b665f497c8ec 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11896,20 +11896,20 @@ react-helmet-async@^2.0.5:
     react-fast-compare "^3.2.2"
     shallowequal "^1.1.0"
 
+"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
+
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-is@^18.3.1:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
-  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
-
-react-is@^19.2.4:
-  version "19.2.4"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-19.2.4.tgz#a080758243c572ccd4a63386537654298c99d135"
-  integrity sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA==
+react-is@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
+  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
 react-refresh@^0.18.0:
   version "0.18.0"
@@ -11931,13 +11931,23 @@ react-router@6.28.0:
   dependencies:
     "@remix-run/router" "1.21.0"
 
-react-test-renderer@^19.2.4:
-  version "19.2.4"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-19.2.4.tgz#c26f93fc8da5409472626cd873d005a1974df3ff"
-  integrity sha512-Ttl5D7Rnmi6JGMUpri4UjB4BAN0FPs4yRDnu2XSsigCWOLm11o8GwRlVsh27ER+4WFqsGtrBuuv5zumUaRCmKw==
+react-shallow-renderer@^16.13.1:
+  version "16.15.0"
+  resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
+  integrity sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==
+  dependencies:
+    object-assign "^4.1.1"
+    react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
+
+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==
   dependencies:
-    react-is "^19.2.4"
-    scheduler "^0.27.0"
+    object-assign "^4.1.1"
+    react-is "^17.0.2"
+    react-shallow-renderer "^16.13.1"
+    scheduler "^0.20.2"
 
 react-tiny-popover@5:
   version "5.1.0"
@@ -12604,11 +12614,6 @@ scheduler@^0.20.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-scheduler@^0.27.0:
-  version "0.27.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.27.0.tgz#0c4ef82d67d1e5c1e359e8fc76d3a87f045fe5bd"
-  integrity sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==
-
 schema-utils@^4.0.0, schema-utils@^4.2.0, schema-utils@^4.3.0, schema-utils@^4.3.3:
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.3.tgz#5b1850912fa31df90716963d45d9121fdfc09f46"