From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Fri, 25 Dec 2015 21:13:57 +0000 (+0000)
Subject: Add aria-disabled to disabled link example and description
X-Git-Tag: v4.0.0-alpha.3~456^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=66479d8a5f1e0ed6c120c061af6fad057778942c;p=thirdparty%2Fbootstrap.git

Add aria-disabled to disabled link example and description
---

diff --git a/docs/components/buttons.md b/docs/components/buttons.md
index 0ca8c0e08e..f2e6fc6d7d 100644
--- a/docs/components/buttons.md
+++ b/docs/components/buttons.md
@@ -115,11 +115,11 @@ Make buttons look inactive by adding the `disabled` boolean attribute to any `<b
 <button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>
 {% endexample %}
 
-As `<a>` elements don't support the `disabled` attribute, you must add the `.disabled` class to fake it.
+As `<a>` elements don't support the `disabled` attribute, you must add the `.disabled` class to fake it. In addition, include the `aria-disabled="true"` attribute, to indicate the state of the element to assistive technologies.
 
 {% example html %}
-<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
-<a href="#" class="btn btn-secondary btn-lg disabled" role="button">Link</a>
+<a href="#" class="btn btn-primary btn-lg disabled" role="button" aria-disabled="true">Primary link</a>
+<a href="#" class="btn btn-secondary btn-lg disabled" role="button" aria-disabled="true">Link</a>
 {% endexample %}
 
 {% callout warning %}