rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #18679 from patrickhlauke/docs-button-disabled1

Browse Source 
Docs: add aria-disabled to disabled link example and description
This commit is contained in:
Patrick H. Lauke 2015-12-25 22:32:33 +00:00
commit 097575ad43
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/components/buttons.md
View File

@ -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> <button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>
{% endexample %} {% 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 %} {% example html %}
<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary 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">Link</a> <a href="#" class="btn btn-secondary btn-lg disabled" role="button" aria-disabled="true">Link</a>
{% endexample %} {% endexample %}
{% callout warning %} {% callout warning %}