diff --git a/site/content/docs/5.3/components/orange-navbar.md b/site/content/docs/5.3/components/orange-navbar.md
index 9e67bbeb7c..32abf06930 100644
--- a/site/content/docs/5.3/components/orange-navbar.md
+++ b/site/content/docs/5.3/components/orange-navbar.md
@@ -432,29 +432,29 @@ To easily integrate it in your project, you can start from our [Navbar mode sele
         <ul class="navbar-nav flex-row">
           <li class="nav-item dropdown">
             <button class="nav-link nav-icon dropdown-toggle" id="bd-theme" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle mode (auto)">
-              <svg class="theme-icon-active"><use href="#ui-auto-mode"></use></svg>
+              <svg class="theme-icon-active" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
               <span class="d-lg-none ms-2" id="bd-theme-text">Toggle mode</span>
             </button>
             <ul class="dropdown-menu dropdown-menu-end mb-2" aria-labelledby="bd-theme-text">
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-                  <svg class="me-2"><use href="#ui-light-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-light-mode"></use></svg>
                   Light
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-                  <svg class="me-2"><use href="#ui-dark-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-dark-mode"></use></svg>
                   Dark
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
-                  <svg class="me-2"><use href="#ui-auto-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
                   Auto
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
             </ul>
diff --git a/site/content/docs/5.3/components/tags.md b/site/content/docs/5.3/components/tags.md
index 7044a9bdd5..8328696b71 100644
--- a/site/content/docs/5.3/components/tags.md
+++ b/site/content/docs/5.3/components/tags.md
@@ -31,7 +31,7 @@ For a list of tags of an article, for example, add a heading (`<h1>–<h6>`) to
   <li><span class="tag">Bird</span></li>
   <li>
     <span class="tag">
-      <svg xmlns='http://www.w3.org/2000/svg' fill="currentColor" viewBox='0 0 32 32'><path d='M32 7a13 13 0 01-3.8 1.1 6.6 6.6 0 003-3.6c-1.4.7-2.8 1.3-4.3 1.6a6.6 6.6 0 00-11.1 6A18.6 18.6 0 012.2 5a6.6 6.6 0 002 8.9c-1 0-2-.4-3-.9v.1c0 3.2 2.4 5.9 5.4 6.5a6.6 6.6 0 01-3 0 6.6 6.6 0 006.1 4.6A13.2 13.2 0 010 27.1a18.6 18.6 0 0028.7-16.6C30 9.5 31.1 8.4 32 7z'/></svg>
+      <svg xmlns='http://www.w3.org/2000/svg' fill="currentColor" viewBox='0 0 32 32'><path d='M32 7a13 13 0 01-3.8 1.1 6.6 6.6 0 003-3.6c-1.4.7-2.8 1.3-4.3 1.6a6.6 6.6 0 00-11.1 6A18.6 18.6 0 012.2 5a6.6 6.6 0 002 8.9c-1 0-2-.4-3-.9v.1c0 3.2 2.4 5.9 5.4 6.5a6.6 6.6 0 01-3 0 6.6 6.6 0 006.1 4.6A13.2 13.2 0 010 27.1a18.6 18.6 0 0028.7-16.6C30 9.5 31.1 8.4 32 7z' aria-hidden="true"/></svg>
       Twitter
     </span>
   </li>
diff --git a/site/content/docs/5.3/dark-mode.md b/site/content/docs/5.3/dark-mode.md
index f1e760fe27..1c4f92588e 100644
--- a/site/content/docs/5.3/dark-mode.md
+++ b/site/content/docs/5.3/dark-mode.md
@@ -841,7 +841,7 @@ sitemap:
   <div class="col">
     <div class="card">
       <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
           <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
         </svg>
       </svg>
@@ -857,7 +857,7 @@ sitemap:
       <div class="row g-0">
         <div class="col-md-4">
           <svg class="bd-placeholder-img card-img-top" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
               <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
             </svg>
           </svg>
@@ -904,7 +904,7 @@ sitemap:
   <div class="col">
     <div class="card">
       <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
           <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
         </svg>
       </svg>
@@ -920,7 +920,7 @@ sitemap:
       <div class="row g-0">
         <div class="col-md-4">
           <svg class="bd-placeholder-img card-img-top" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
               <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
             </svg>
           </svg>
@@ -967,7 +967,7 @@ sitemap:
   <div class="col">
     <div class="card">
       <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
           <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
         </svg>
       </svg>
@@ -983,7 +983,7 @@ sitemap:
       <div class="row g-0">
         <div class="col-md-4">
           <svg class="bd-placeholder-img card-img-top" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
               <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
             </svg>
           </svg>
@@ -1030,7 +1030,7 @@ sitemap:
   <div class="col">
     <div class="card" data-bs-theme="dark">
       <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
           <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
         </svg>
       </svg>
@@ -1046,7 +1046,7 @@ sitemap:
       <div class="row g-0">
         <div class="col-md-4">
           <svg class="bd-placeholder-img card-img-top" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
               <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
             </svg>
           </svg>
@@ -1093,7 +1093,7 @@ sitemap:
   <div class="col">
     <div class="card" data-bs-theme="light">
       <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+        <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
           <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
         </svg>
       </svg>
@@ -1109,7 +1109,7 @@ sitemap:
       <div class="row g-0">
         <div class="col-md-4">
           <svg class="bd-placeholder-img card-img-top" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+            <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
               <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
             </svg>
           </svg>
@@ -3112,7 +3112,7 @@ sitemap:
     <div class="modal-dialog modal-dialog-scrollable">
       <div class="modal-content">
         <svg class="modal-img" width="100%" height="260" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
             <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
           </svg>
         </svg>
@@ -3143,7 +3143,7 @@ sitemap:
     <div class="modal-dialog modal-dialog-scrollable">
       <div class="modal-content">
         <svg class="modal-img" width="100%" height="260" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
             <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
           </svg>
         </svg>
@@ -3174,7 +3174,7 @@ sitemap:
     <div class="modal-dialog modal-dialog-scrollable">
       <div class="modal-content">
         <svg class="modal-img" width="100%" height="260" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
             <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
           </svg>
         </svg>
@@ -3205,7 +3205,7 @@ sitemap:
     <div class="modal-dialog modal-dialog-scrollable">
       <div class="modal-content">
         <svg class="modal-img" width="100%" height="260" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
             <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
           </svg>
         </svg>
@@ -3236,7 +3236,7 @@ sitemap:
     <div class="modal-dialog modal-dialog-scrollable">
       <div class="modal-content">
         <svg class="modal-img" width="100%" height="260" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" ><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-bg)"/>
-          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)">
+          <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="var(--bs-border-color-subtle)" aria-hidden="true">
             <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
           </svg>
         </svg>
@@ -8353,21 +8353,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="icons" id="option5" autocomplete="off" checked>
     <label class="btn btn-icon btn-toggle" for="option5">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="icons" id="option6" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option6">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="icons" id="option7" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option7">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8376,21 +8376,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="iconsNoOutline" id="option8" autocomplete="off" checked>
     <label class="btn btn-icon btn-no-outline" for="option8">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline" id="option9" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option9">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline" id="option10" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option10">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8460,21 +8460,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="icons1" id="option51" autocomplete="off" checked>
     <label class="btn btn-icon btn-toggle" for="option51">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="icons1" id="option61" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option61">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="icons1" id="option71" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option71">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8483,21 +8483,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="iconsNoOutline1" id="option81" autocomplete="off" checked>
     <label class="btn btn-icon btn-no-outline" for="option81">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline1" id="option91" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option91">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline1" id="option01" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option01">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8567,21 +8567,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="icons2" id="option52" autocomplete="off" checked>
     <label class="btn btn-icon btn-toggle" for="option52">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="icons2" id="option62" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option62">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="icons2" id="option72" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option72">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8590,21 +8590,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="iconsNoOutline2" id="option82" autocomplete="off" checked>
     <label class="btn btn-icon btn-no-outline" for="option82">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline2" id="option92" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option92">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline2" id="option02" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option02">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8674,21 +8674,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="icons3" id="option53" autocomplete="off" checked>
     <label class="btn btn-icon btn-toggle" for="option53" data-bs-theme="dark">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="icons3" id="option63" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option63" data-bs-theme="dark">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="icons3" id="option73" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option73" data-bs-theme="dark">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8697,21 +8697,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="iconsNoOutline3" id="option83" autocomplete="off" checked>
     <label class="btn btn-icon btn-no-outline" for="option83" data-bs-theme="dark">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline3" id="option93" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option93" data-bs-theme="dark">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline3" id="option03" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option03" data-bs-theme="dark">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8781,21 +8781,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="icons4" id="option54" autocomplete="off" checked>
     <label class="btn btn-icon btn-toggle" for="option54" data-bs-theme="light">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="icons4" id="option64" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option64" data-bs-theme="light">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="icons4" id="option74" autocomplete="off">
     <label class="btn btn-icon btn-toggle" for="option74" data-bs-theme="light">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
@@ -8804,21 +8804,21 @@ sitemap:
   <div class="btn-group" role="group">
     <input type="radio" class="btn-check" name="iconsNoOutline4" id="option84" autocomplete="off" checked>
     <label class="btn btn-icon btn-no-outline" for="option84" data-bs-theme="light">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
       </svg>
       <span class="visually-hidden">Day</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline4" id="option94" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option94" data-bs-theme="light">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
       </svg>
       <span class="visually-hidden">Week</span>
     </label>
     <input type="radio" class="btn-check" name="iconsNoOutline4" id="option04" autocomplete="off">
     <label class="btn btn-icon btn-no-outline" for="option04" data-bs-theme="light">
-      <svg width="1.25rem" height="1.25rem" fill="currentColor">
+      <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
         <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
       </svg>
       <span class="visually-hidden">Month</span>
diff --git a/site/content/docs/5.3/examples/download-app/index.html b/site/content/docs/5.3/examples/download-app/index.html
index be6e77d856..d47829ec2b 100644
--- a/site/content/docs/5.3/examples/download-app/index.html
+++ b/site/content/docs/5.3/examples/download-app/index.html
@@ -54,29 +54,29 @@ <h1 class="two-lined">
         <ul class="navbar-nav flex-row">
           <li class="nav-item dropdown">
             <button class="nav-link nav-icon dropdown-toggle" id="bd-theme" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle mode (auto)">
-              <svg class="theme-icon-active"><use href="#ui-auto-mode"></use></svg>
+              <svg class="theme-icon-active" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
               <span class="d-lg-none ms-2" id="bd-theme-text">Toggle mode</span>
             </button>
             <ul class="dropdown-menu dropdown-menu-end mb-2" aria-labelledby="bd-theme-text">
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-                  <svg class="me-2"><use href="#ui-light-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-light-mode"></use></svg>
                   Light
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-                  <svg class="me-2"><use href="#ui-dark-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-dark-mode"></use></svg>
                   Dark
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
-                  <svg class="me-2"><use href="#ui-auto-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
                   Auto
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
             </ul>
@@ -344,7 +344,7 @@ <h2 class="col-12 col-md-6 h1 mx-auto mb-4 mb-md-5 text-center">Access this webs
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250" width="200" height="200" class="text-bg-secondary" aria-labelledby="qr-title" role="img">
           <title id="qr-title">Flash this QR code to access this page with your mobile</title>
           <path fill="currentColor" d="M15 15h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm23 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm23 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8ZM15 23h8v7h-8v-7Zm46 0h7v7h-7v-7Zm22 0h8v7h-8v-7Zm23 0h8v7h-8v-7Zm23 0h7v7h-7v-7Zm23 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm45 0h8v7h-8v-7ZM15 30h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm38 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm31 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8ZM15 38h8v7h-8v-7Zm15 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm16 0h7v7h-7v-7Zm22 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm16 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm23 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm23 0h7v7h-7v-7Zm15 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm15 0h8v7h-8v-7ZM15 45h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm23 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm23 0h7v8h-7v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8ZM15 53h8v8h-8v-8Zm46 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm23 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm30 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm45 0h8v8h-8v-8ZM15 61h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm15 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm16 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7ZM76 68h7v8h-7v-8Zm38 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8ZM30 76h8v7h-8v-7Zm8 0h7v7h-7v-7Zm23 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm45 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm15 0h8v7h-8v-7ZM38 83h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm30 0h8v8h-8v-8Zm30 0h8v8h-8v-8Zm46 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm22 0h8v8h-8v-8ZM15 91h8v7h-8v-7Zm15 0h8v7h-8v-7Zm31 0h7v7h-7v-7Zm113 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm23 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7ZM15 98h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm30 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm76 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm31 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm-166 8h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm91 0h8v8h-8v-8Zm38 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm-197 8h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm23 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm76 0h8v7h-8v-7Zm23 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm16 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm-212 7h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm76 0h8v8h-8v-8Zm23 0h7v8h-7v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm-212 8h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm53 0h8v7h-8v-7Zm76 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm31 0h7v7h-7v-7Zm22 0h8v7h-8v-7Zm-212 7h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm84 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm-182 8h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm23 0h7v8h-7v-8Zm83 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm23 0h8v8h-8v-8Zm-197 8h8v7h-8v-7Zm15 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm23 0h7v7h-7v-7Zm98 0h8v7h-8v-7Zm23 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm16 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm-182 7h8v8h-8v-8Zm23 0h8v8h-8v-8Zm23 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm-189 8h7v7h-7v-7Zm7 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm30 0h7v7h-7v-7Zm15 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm22 0h8v7h-8v-7Zm31 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm-151 7h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm30 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm-212 8h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm15 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm-205 7h8v8h-8v-8Zm46 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm30 0h8v8h-8v-8Zm-182 8h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm30 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm15 0h8v8h-8v-8Zm-212 8h8v7h-8v-7Zm15 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm16 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm23 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm16 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm15 0h8v7h-8v-7Zm23 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm7 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm-205 7h8v8h-8v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm23 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm38 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm-212 8h8v7h-8v-7Zm46 0h7v7h-7v-7Zm37 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm30 0h8v7h-8v-7Zm8 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm22 0h8v7h-8v-7Zm23 0h8v7h-8v-7Zm8 0h7v7h-7v-7Zm15 0h7v7h-7v-7Zm-205 7h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm8 0h7v8h-7v-8Zm7 0h8v8h-8v-8Zm8 0h8v8h-8v-8Zm23 0h7v8h-7v-8Zm23 0h7v8h-7v-8Zm15 0h7v8h-7v-8Zm22 0h8v8h-8v-8Zm16 0h7v8h-7v-8Zm15 0h7v8h-7v-8Z"/>
-          <svg x="101" y="101" width="49" height="49" viewBox="0 0 1000 1000">
+          <svg x="101" y="101" width="49" height="49" viewBox="0 0 1000 1000" aria-hidden="true">
             <rect rx="130" ry="130" width="1000" height="1000" fill="#ff7900"/>
             <path fill="#fff" d="m843.715 331.562-159.1 159.1-17.678-17.678 159.1-159.1a25.073 25.073 0 0 0 0-35.355L719.971 172.463a25.073 25.073 0 0 0-35.355 0l-17.678 17.678 44.194 44.194a12.5 12.5 0 0 1-17.678 17.678l-44.194-44.195-35.355 35.356 26.516 26.516a12.5 12.5 0 0 1-17.677 17.678l-26.517-26.517-35.355 35.356 44.194 44.193a12.5 12.5 0 1 1-17.678 17.678l-44.194-44.195-17.677 17.678-17.678-17.678 159.1-159.1a50.148 50.148 0 0 1 70.711 0l106.065 106.068a50.148 50.148 0 0 1 0 70.711Zm-30.633 322.01a58.843 58.843 0 0 1 13.786 21.609c.008.02.013.042.021.063a56.343 56.343 0 0 1 2.401 9.564c.079.491.155.982.221 1.475a56.109 56.109 0 0 1-15.976 47.253l-44.21 44.179-34.84 34.814A56.12 56.12 0 0 1 694.7 829h-.064q-2.571 0-5.135-.241c-.172-.016-.344-.035-.515-.052q-2.3-.234-4.581-.657a50.364 50.364 0 0 1-.926-.18c-10.465-2.117-21.09-6.433-29.2-14.542l-246.5-246.7-182.557-182.061-36.335-121.63-17.561-57.828-3.482-13.9c0-.012-.006-.024-.01-.036q-.2-.669-.353-1.335c-.036-.162-.06-.323-.093-.485-.058-.293-.119-.586-.164-.877-.028-.189-.044-.375-.067-.563-.032-.263-.067-.526-.088-.787-.015-.2-.019-.392-.028-.588-.011-.25-.026-.5-.027-.748 0-.038-.005-.078-.005-.116 0-.281.013-.558.026-.836 0-.081 0-.163.007-.244.024-.4.062-.8.111-1.2.013-.1.032-.2.046-.3.042-.292.087-.582.143-.869.027-.14.059-.278.089-.417a15.596 15.596 0 0 1 .295-1.176c.067-.231.137-.46.212-.688.049-.146.1-.292.15-.436.081-.228.169-.454.259-.678.055-.137.109-.274.167-.409.1-.239.214-.474.327-.708.054-.114.106-.229.162-.341q.249-.492.525-.967l.025-.046c.194-.331.4-.654.613-.972.069-.1.143-.2.214-.3.149-.213.3-.424.456-.631.09-.117.182-.231.274-.346q.222-.278.453-.548c.1-.117.2-.231.307-.345q.234-.26.478-.51c.106-.109.213-.219.322-.326.172-.168.349-.331.527-.493.106-.1.21-.194.318-.288.206-.179.417-.35.63-.52.087-.068.171-.141.258-.208q.454-.35.929-.671c.061-.042.126-.08.189-.121.257-.17.518-.336.784-.493.116-.069.236-.133.354-.2.217-.123.436-.243.659-.357.134-.069.27-.134.405-.2l.648-.3q.211-.093.427-.18c.221-.09.444-.174.67-.256l.427-.151c.241-.081.484-.153.728-.224.132-.038.261-.079.394-.114.3-.081.613-.151.923-.217.075-.015.148-.035.223-.05q.579-.114 1.171-.191c.1-.014.211-.021.315-.033.291-.033.583-.062.877-.081.145-.009.292-.013.438-.018.258-.011.516-.018.777-.018a19.616 19.616 0 0 1 1.724.085c.261.025.522.058.784.093.156.022.312.042.469.068.286.046.573.1.86.164.133.028.265.051.4.082.42.1.842.208 1.264.336L232.8 179.7l30.221 9.164 121.462 36.412ZM249.008 201.918l-46.532 46.5 36.59 122.164 21.524-21.716 433.579 433.271 17.682-17.67L278.272 331.2l53.048-53.011L764.9 711.457l17.683-17.67L349 260.514l22.256-22.032Zm82.054 324.1-17.678 17.677 44.195 44.194a12.5 12.5 0 1 1-17.679 17.677l-44.194-44.194-35.356 35.355 26.517 26.517a12.5 12.5 0 0 1-17.678 17.677l-26.516-26.516-35.355 35.355 44.195 44.194a12.5 12.5 0 0 1-17.678 17.678l-44.194-44.194-17.678 17.678a25.073 25.073 0 0 0 0 35.355l106.066 106.066a25.073 25.073 0 0 0 35.355 0l159.1-159.1 17.677 17.678-159.1 159.1a50.148 50.148 0 0 1-70.711 0L154.285 738.149a50.148 50.148 0 0 1 0-70.711l159.1-159.1Z"/>
           </svg>
diff --git a/site/content/docs/5.3/examples/form/index.html b/site/content/docs/5.3/examples/form/index.html
index 753a3a5db2..21f119bac1 100644
--- a/site/content/docs/5.3/examples/form/index.html
+++ b/site/content/docs/5.3/examples/form/index.html
@@ -72,29 +72,29 @@ <h1 class="title">Travel</h1>
         <ul class="navbar-nav flex-row">
           <li class="nav-item dropdown">
             <button class="nav-link nav-icon dropdown-toggle" id="bd-theme" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle mode (auto)">
-              <svg class="theme-icon-active"><use href="#ui-auto-mode"></use></svg>
+              <svg class="theme-icon-active" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
               <span class="d-lg-none ms-2" id="bd-theme-text">Toggle mode</span>
             </button>
             <ul class="dropdown-menu dropdown-menu-end mb-2" aria-labelledby="bd-theme-text">
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-                  <svg class="me-2"><use href="#ui-light-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-light-mode"></use></svg>
                   Light
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-                  <svg class="me-2"><use href="#ui-dark-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-dark-mode"></use></svg>
                   Dark
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
-                  <svg class="me-2"><use href="#ui-auto-mode"></use></svg>
+                  <svg class="me-2" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
                   Auto
-                  <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                  <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
                 </button>
               </li>
             </ul>
diff --git a/site/content/docs/5.3/forms/checks-radios.md b/site/content/docs/5.3/forms/checks-radios.md
index bf79c3f89c..d834940a41 100644
--- a/site/content/docs/5.3/forms/checks-radios.md
+++ b/site/content/docs/5.3/forms/checks-radios.md
@@ -312,21 +312,21 @@ Add [`.btn-icon`]({{< docsref "/components/buttons" >}}#icon-only) with an [embe
 <div class="btn-group" role="group">
   <input type="radio" class="btn-check" name="icons" id="option5" autocomplete="off" checked>
   <label class="btn btn-icon btn-toggle" for="option5">
-    <svg width="1.25rem" height="1.25rem" fill="currentColor">
+    <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
       <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
     </svg>
     <span class="visually-hidden">Day</span>
   </label>
   <input type="radio" class="btn-check" name="icons" id="option6" autocomplete="off">
   <label class="btn btn-icon btn-toggle" for="option6">
-    <svg width="1.25rem" height="1.25rem" fill="currentColor">
+    <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
       <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
     </svg>
     <span class="visually-hidden">Week</span>
   </label>
   <input type="radio" class="btn-check" name="icons" id="option7" autocomplete="off">
   <label class="btn btn-icon btn-toggle" for="option7">
-    <svg width="1.25rem" height="1.25rem" fill="currentColor">
+    <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
       <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
     </svg>
     <span class="visually-hidden">Month</span>
@@ -340,21 +340,21 @@ Drop borders using `.btn-no-outline`, too.
 <div class="btn-group" role="group">
   <input type="radio" class="btn-check" name="iconsNoOutline" id="option8" autocomplete="off" checked>
   <label class="btn btn-icon btn-no-outline" for="option8">
-    <svg width="1.25rem" height="1.25rem" fill="currentColor">
+    <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
       <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-day"/>
     </svg>
     <span class="visually-hidden">Day</span>
   </label>
   <input type="radio" class="btn-check" name="iconsNoOutline" id="option9" autocomplete="off">
   <label class="btn btn-icon btn-no-outline" for="option9">
-    <svg width="1.25rem" height="1.25rem" fill="currentColor">
+    <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
       <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-week"/>
     </svg>
     <span class="visually-hidden">Week</span>
   </label>
   <input type="radio" class="btn-check" name="iconsNoOutline" id="option10" autocomplete="off">
   <label class="btn btn-icon btn-no-outline" for="option10">
-    <svg width="1.25rem" height="1.25rem" fill="currentColor">
+    <svg width="1.25rem" height="1.25rem" fill="currentColor" aria-hidden="true">
       <use xlink:href="/docs/{{< param docs_version >}}/assets/img/boosted-sprite.svg#calendar-month"/>
     </svg>
     <span class="visually-hidden">Month</span>
diff --git a/site/content/docs/5.3/migration.md b/site/content/docs/5.3/migration.md
index 1262b09d95..e623285d46 100644
--- a/site/content/docs/5.3/migration.md
+++ b/site/content/docs/5.3/migration.md
@@ -26,9 +26,11 @@ toc: true
 ### Docs
 
 - Certain variants of the components and renderings have been omitted from the documentation to help you clearly understand what is available for use, thereby simplifying the connection between [Orange Design System]({{< param ods.web >}}) and the Boosted documentation.
-  
+
   Although these variants can still be found under the "See Bootstrap examples that are incompatible with Orange Design System" section, be aware that using them may violate the Orange Design System guidelines. It is advisable to avoid these variants whenever possible.
 
+- We have checked all SVGs in the documentation to ensure that they are accessible and correctly interpreted by support technologies. Please also check your projects' SVGs, which should have either `aria-hidden="true"`, or `role="img"` with an accessible name (defined by `aria-label`, `aria-labelledby`, a `<title>`, or some visually hidden alternative text).
+
 ### CSS and Sass variables
 
 - <details class="mb-2">
diff --git a/site/content/docs/5.3/utilities/position.md b/site/content/docs/5.3/utilities/position.md
index f47dd79f04..1a601caaa6 100644
--- a/site/content/docs/5.3/utilities/position.md
+++ b/site/content/docs/5.3/utilities/position.md
@@ -96,7 +96,7 @@ Here are some real life examples of these classes:
 </button>
 
 <div class="position-relative py-2 px-4 text-bg-secondary border border-secondary">
-  Marker <svg width="1em" height="1em" viewBox="0 0 16 16" class="position-absolute top-100 start-50 translate-middle mt-1" fill="var(--bs-secondary)" xmlns="http://www.w3.org/2000/svg"><path d="M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>
+  Marker <svg width="1em" height="1em" viewBox="0 0 16 16" class="position-absolute top-100 start-50 translate-middle mt-1" fill="var(--bs-secondary)" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>
 </div>
 
 <button type="button" class="btn btn-primary position-relative">
diff --git a/site/layouts/partials/docs-subnav.html b/site/layouts/partials/docs-subnav.html
index a01ee5b565..435c017a97 100644
--- a/site/layouts/partials/docs-subnav.html
+++ b/site/layouts/partials/docs-subnav.html
@@ -3,7 +3,7 @@
 <nav class="bd-subnavbar py-2 d-lg-none" aria-label="Secondary navigation">
   <div class="container-xxl d-flex justify-content-end">
     <button class="btn btn-outline-secondary btn-icon p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#bdSidebar" aria-controls="bdSidebar" aria-label="Toggle docs navigation">
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="bi" fill="currentColor" viewBox="0 0 16 16">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="bi" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true">
         <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path>
       </svg>
     </button>
diff --git a/site/layouts/partials/docs-versions.html b/site/layouts/partials/docs-versions.html
index 01b63a83cd..8088d048d2 100644
--- a/site/layouts/partials/docs-versions.html
+++ b/site/layouts/partials/docs-versions.html
@@ -23,7 +23,7 @@
     <li>
       <a class="dropdown-item d-flex align-items-center justify-content-between active" aria-current="true" href="{{ if .IsHome }}/{{ else }}/docs/{{ .Site.Params.docs_version }}/{{ $versions_link }}{{ end }}">
         Latest ({{ .Site.Params.docs_version }}.x)
-        <svg class="bi"><use xlink:href="#check2"></use></svg>
+        <svg class="bi" aria-hidden="true"><use xlink:href="#check2"></use></svg>
       </a>
     </li>
     <li>
diff --git a/site/layouts/partials/theme-toggler.html b/site/layouts/partials/theme-toggler.html
index dc1611c1d2..4ba1785199 100644
--- a/site/layouts/partials/theme-toggler.html
+++ b/site/layouts/partials/theme-toggler.html
@@ -6,29 +6,29 @@
         data-bs-toggle="dropdown"
         {{ if not $isExamples }}data-bs-display="static"{{ end }}
         aria-label="Toggle mode (auto)">
-  <svg class="bi theme-icon-active"><use href="#ui-auto-mode"></use></svg>
+  <svg class="bi theme-icon-active" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
   <span class="{{ if $isExamples }}visually-hidden{{ else }}d-lg-none ms-2{{ end }}" id="bd-theme-text">Toggle mode</span>
 </button>
 <ul class="dropdown-menu dropdown-menu-end{{ if $isExamples }} shadow{{ else }} mb-2{{ end }}" aria-labelledby="bd-theme-text">
   <li>
     <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-      <svg class="bi me-2"><use href="#ui-light-mode"></use></svg>
+      <svg class="bi me-2" aria-hidden="true"><use href="#ui-light-mode"></use></svg>
       Light
-      <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+      <svg class="bi ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
     </button>
   </li>
   <li>
     <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-      <svg class="bi me-2"><use href="#ui-dark-mode"></use></svg>
+      <svg class="bi me-2"><use href="#ui-dark-mode" aria-hidden="true"></use></svg>
       Dark
-      <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+      <svg class="bi ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
     </button>
   </li>
   <li>
     <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
-      <svg class="bi me-2"><use href="#ui-auto-mode"></use></svg>
+      <svg class="bi me-2" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
       Auto
-      <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+      <svg class="bi ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
     </button>
   </li>
 </ul>
diff --git a/site/layouts/shortcodes/orange-global-headers.html b/site/layouts/shortcodes/orange-global-headers.html
index 1bb3da9b7c..117b5bf7d5 100644
--- a/site/layouts/shortcodes/orange-global-headers.html
+++ b/site/layouts/shortcodes/orange-global-headers.html
@@ -135,29 +135,29 @@ <h1 class="title">Title</h1>
 {{- else if eq $mode "theme" }}
         <li class="nav-item dropdown">
           <button class="nav-link nav-icon dropdown-toggle" id="bd-theme{{ cond $demo "2" ""}}" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle mode (auto)">
-            <svg class="theme-icon-active"><use href="#ui-auto-mode"></use></svg>
+            <svg class="theme-icon-active" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
             <span class="d-lg-none ms-2" id="bd-theme-text{{ cond $demo "2" ""}}">Toggle mode</span>
           </button>
           <ul class="dropdown-menu dropdown-menu-end mb-2" aria-labelledby="bd-theme-text{{ cond $demo "2" ""}}">
             <li>
               <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-                <svg class="me-2"><use href="#ui-light-mode"></use></svg>
+                <svg class="me-2" aria-hidden="true"><use href="#ui-light-mode"></use></svg>
                 Light
-                <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
               </button>
             </li>
             <li>
               <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-                <svg class="me-2"><use href="#ui-dark-mode"></use></svg>
+                <svg class="me-2" aria-hidden="true"><use href="#ui-dark-mode"></use></svg>
                 Dark
-                <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
               </button>
             </li>
             <li>
               <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
-                <svg class="me-2"><use href="#ui-auto-mode"></use></svg>
+                <svg class="me-2" aria-hidden="true"><use href="#ui-auto-mode"></use></svg>
                 Auto
-                <svg class="ms-auto d-none"><use href="#check2"></use></svg>
+                <svg class="ms-auto d-none" aria-hidden="true"><use href="#check2"></use></svg>
               </button>
             </li>
           </ul>
diff --git a/site/layouts/shortcodes/placeholder.html b/site/layouts/shortcodes/placeholder.html
index a6ee6e3a16..df78dee5ed 100644
--- a/site/layouts/shortcodes/placeholder.html
+++ b/site/layouts/shortcodes/placeholder.html
@@ -43,7 +43,7 @@
     {{- if $show_text }}<text x="50%" y="50%" fill="{{ $color }}" dy=".3em">{{ $text }}</text>{{ end -}}
     <!-- Boosted mod -->
     {{- if $show_icon }}
-    <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="{{ if in $background "var(--" }}{{$color}}{{ else if eq $background "#000" }}#ffffff30{{ else }}#00000014{{ end }}">
+    <svg x="30%" y="30%" width="40%" height="40%" viewBox="0 0 24 24" fill="{{ if in $background "var(--" }}{{$color}}{{ else if eq $background "#000" }}#ffffff30{{ else }}#00000014{{ end }}" aria-hidden="true">
       <path d="M20.4 5.4a1.8 1.8 0 0 0-1.8-1.8h-15v15a1.8 1.8 0 0 0 1.8 1.8h15v-15ZM4.8 4.8h13.5a.9.9 0 0 1 .9.9V15l-4.61-5.237c-.167-.217-.436-.217-.602 0l-3.428 3.983-1.894-2.657c-.166-.217-.435-.217-.6 0L5.28 14.21c-.281-.211-.47-.444-.48-.926V4.8Zm4.8 3.25a1.5 1.5 0 1 1-3 .1 1.5 1.5 0 0 1 3-.1Z"></path>
     </svg>
     {{ end -}}