bootstrap/scss/helpers/_visually-hidden.scss

//
// Visually hidden
//

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  @include visually-hidden();
}
Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-11 03:43:28 +00:00			`//`
Docs: rename "Screen readers" helper page to "Visually hidden" "screen readers" is quite reductive, as there are other assistive technologies. content hidden this way is even announced by things like Alexa/Siri etc, so it's not so much just "screen readers". in the long run, we may even consider changing the actual classnames (maybe `.visually-hidden` / `.visually-hidden-focusable`, though admittedly that's a bit verbose). also includes a tiny tweak to layout.md to generalise the note about using `.sr-only` 2020-06-21 11:07:20 +00:00			`// Visually hidden`
Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-11 03:43:28 +00:00			`//`

Rename `sr-only`/`sr-only-focusable` (#31139) * Rename `sr-only`/`sr-only-focusable` To be more representative of the fact that these are not necessarily "screen reader" specific, but actually apply to assistive technologies in general (and also things like Alexa/Siri/etc). Goes hand-in-hand with #31133 Co-authored-by: XhmikosR <xhmikosr@gmail.com> 2020-07-03 11:38:11 +00:00			`.visually-hidden,`
Expand `visually-hidden-focusable` so it can be used on a container, so the container becomes visible when focus is inside it / on one of its child elements. 2020-12-11 21:28:45 +00:00			`.visually-hidden-focusable:not(:focus):not(:focus-within) {`
Rename `sr-only`/`sr-only-focusable` (#31139) * Rename `sr-only`/`sr-only-focusable` To be more representative of the fact that these are not necessarily "screen reader" specific, but actually apply to assistive technologies in general (and also things like Alexa/Siri/etc). Goes hand-in-hand with #31133 Co-authored-by: XhmikosR <xhmikosr@gmail.com> 2020-07-03 11:38:11 +00:00			`@include visually-hidden();`
Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-11 03:43:28 +00:00			`}`