Examples: improve spinner buttons accessibility (#38958)

twbs · Jul 25, 2023 · 8e5dada · 8e5dada
1 parent 11b3806
commit 8e5dada
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/site/content/docs/5.3/examples/buttons/index.html b/site/content/docs/5.3/examples/buttons/index.html
@@ -52,12 +52,12 @@
 
 <div class="d-flex gap-2 justify-content-center py-5">
   <button class="btn btn-primary" type="button" disabled>
-    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-    <span class="visually-hidden">Loading...</span>
+    <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
+    <span class="visually-hidden" role="status">Loading...</span>
   </button>
   <button class="btn btn-primary" type="button" disabled>
-    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-    Loading...
+    <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
+    <span role="status">Loading...</span>
   </button>
 </div>