diff options
| author | Mark Otto <[email protected]> | 2015-04-30 14:39:57 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-04-30 14:39:57 -0700 |
| commit | 68bcb8929174d232b301c9fb20525b50d19df92e (patch) | |
| tree | 1557577303ddde28deff9dbb90b1840b0b28c861 /docs/components | |
| parent | 8174f6c4090de0c3aacc4c3029754bd1c67233e3 (diff) | |
| download | bootstrap-68bcb8929174d232b301c9fb20525b50d19df92e.tar.xz bootstrap-68bcb8929174d232b301c9fb20525b50d19df92e.zip | |
Update buttons.md
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/buttons.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/docs/components/buttons.md b/docs/components/buttons.md index 9b10ac221..62727fba4 100644 --- a/docs/components/buttons.md +++ b/docs/components/buttons.md @@ -37,9 +37,9 @@ Using color to add meaning to a button only provides a visual indication, which ## Button tags -In most cases, the `<button>` element should be used with our `.btn` classes as some browsers render the following elements slightly differently. However, you may also use button classes on `<a>`, `<button>`, or `<input>` elements. +The `.btn` classes are designed to be used with the `<button>` element. However, you can also use these classes on `<a>` or `<input>` elements (though some browsers may apply a slightly different rendering). -When using button classes on `<a>` elements, sometimes you'll want to include `role="button"` for improved accessibility. This only applies to buttons that trigger in-page functionality (like collapsing content), and not linking to new pages or sections within the current page. +When using button classes on `<a>` elements that are used to trigger in-page functionality (like collapsing content), rather than linking to new pages or sections within the current page, these links should be given a `role="button"` to appropriately convey their purpose to assistive technologies such as screen readers. {% example html %} <a class="btn btn-secondary" href="#" role="button">Link</a> |
