From: Julien Déramond <julien.deramond@orange.com>
Date: Sat, 4 Sep 2021 06:36:18 +0000 (+0200)
Subject: Fix a11y issues in `.hstack` example and placeholder 'How it works' example (#34892)
X-Git-Tag: v5.1.1~8
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=2a1aa2a9f40fb8acffc27d93a374f1d243764043;p=thirdparty%2Fbootstrap.git

Fix a11y issues in `.hstack` example and placeholder 'How it works' example (#34892)
---

diff --git a/site/content/docs/5.1/components/placeholders.md b/site/content/docs/5.1/components/placeholders.md
index cfbaf1672f..55545ec69a 100644
--- a/site/content/docs/5.1/components/placeholders.md
+++ b/site/content/docs/5.1/components/placeholders.md
@@ -82,7 +82,7 @@ We apply additional styling to `.btn`s via `::before` to ensure the `height` is
   <span class="placeholder col-6"></span>
 </p>
 
-<a href="#" class="btn btn-primary disabled placeholder col-4" aria-hidden="true"></a>
+<a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-4" aria-hidden="true"></a>
 {{< /example >}}
 
 {{< callout info >}}
diff --git a/site/content/docs/5.1/helpers/stacks.md b/site/content/docs/5.1/helpers/stacks.md
index a93a800460..c1316c3ad5 100644
--- a/site/content/docs/5.1/helpers/stacks.md
+++ b/site/content/docs/5.1/helpers/stacks.md
@@ -68,7 +68,7 @@ Create an inline form with `.hstack`:
 
 {{< example >}}
 <div class="hstack gap-3">
-  <input class="form-control me-auto" type="text" placeholder="Add your item here...">
+  <input class="form-control me-auto" type="text" placeholder="Add your item here..." aria-label="Add your item here...">
   <button type="button" class="btn btn-secondary">Submit</button>
   <div class="vr"></div>
   <button type="button" class="btn btn-outline-danger">Reset</button>