From 9302fd4fd4a05a44de991416fea4b01443343595 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Fri, 16 Oct 2015 00:56:59 +0100 Subject: Remove redundant `.sr-only` text for Close buttons Since `aria-label` is used, it's not necessary anymore. --- docs/components/utilities.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'docs/components/utilities.md') diff --git a/docs/components/utilities.md b/docs/components/utilities.md index 42d5bd50f..a593f8ce2 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 %} {% endexample %} -- cgit v1.2.3 From 68189e226921d0cfaec4922b723d030baa11a25c Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Fri, 16 Oct 2015 00:57:49 +0100 Subject: Add "keyboard users" to heading for `sr-only-focusable` --- docs/components/utilities.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components/utilities.md') diff --git a/docs/components/utilities.md b/docs/components/utilities.md index a593f8ce2..727a55d04 100644 --- a/docs/components/utilities.md +++ b/docs/components/utilities.md @@ -251,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. -- cgit v1.2.3