fix(a11y): Missing aria-hidden on some decorative SVGs (#2691)

Orange-OpenSource · Nov 21, 2024 · a89e727 · a89e727
1 parent 03fdf25
commit a89e727
Show file tree

Hide file tree

Showing 13 changed files with 94 additions and 92 deletions.
diff --git 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
@@ -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
diff --git 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
@@ -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>