diff options
| author | Patrick H. Lauke <[email protected]> | 2015-10-16 09:50:18 +0100 |
|---|---|---|
| committer | Patrick H. Lauke <[email protected]> | 2015-10-16 09:50:18 +0100 |
| commit | df33a43bbd53cd51912632df7707404ff511bc21 (patch) | |
| tree | e52027d8d82b058cbb23410c36ebd9363489c7eb /docs/components/utilities.md | |
| parent | 724bf862885f57383f3a19ed46a6deab0f2322a6 (diff) | |
| parent | 68189e226921d0cfaec4922b723d030baa11a25c (diff) | |
| download | bootstrap-df33a43bbd53cd51912632df7707404ff511bc21.tar.xz bootstrap-df33a43bbd53cd51912632df7707404ff511bc21.zip | |
Merge pull request #17945 from patrickhlauke/docs-redundant-sr
Remove redundant `<span class="sr-only">...</span>` for close buttons
Diffstat (limited to 'docs/components/utilities.md')
| -rw-r--r-- | docs/components/utilities.md | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/docs/components/utilities.md b/docs/components/utilities.md index 42d5bd50f..727a55d04 100644 --- a/docs/components/utilities.md +++ b/docs/components/utilities.md @@ -149,12 +149,11 @@ Ensure that any meaning conveyed through color is also conveyed in a format that ## Close icon -Use a generic close icon for dismissing content like modals and alerts. **Be sure to include screen reader text when you can** as we've done with `.sr-only`. +Use a generic close icon for dismissing content like modals and alerts. **Be sure to include text for screen readers**, as we've done with `aria-label`. {% example html %} <button type="button" class="close" aria-label="Close"> <span aria-hidden="true">×</span> - <span class="sr-only">Close</span> </button> {% endexample %} @@ -252,7 +251,7 @@ The `.invisible` class can be used to toggle only the visibility of an element, } {% endhighlight %} -## Screen readers +## Screen readers and keyboard users Hide an element to all devices **except screen readers** with `.sr-only`. Combine `.sr-only` with `.sr-only-focusable` to show the element again when it's focused (e.g. by a keyboard-only user). Can also be used as mixins. |