From 3a79335a0b21cc5bbd3f133e63aec6052694fc20 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Sun, 21 Jun 2020 12:07:20 +0100 Subject: 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` --- scss/helpers/_screenreaders.scss | 8 -------- scss/helpers/_visually-hidden.scss | 8 ++++++++ 2 files changed, 8 insertions(+), 8 deletions(-) delete mode 100644 scss/helpers/_screenreaders.scss create mode 100644 scss/helpers/_visually-hidden.scss (limited to 'scss/helpers') diff --git a/scss/helpers/_screenreaders.scss b/scss/helpers/_screenreaders.scss deleted file mode 100644 index 8bade6633..000000000 --- a/scss/helpers/_screenreaders.scss +++ /dev/null @@ -1,8 +0,0 @@ -// -// Screenreaders -// - -.visually-hidden, -.visually-hidden-focusable:not(:focus) { - @include visually-hidden(); -} diff --git a/scss/helpers/_visually-hidden.scss b/scss/helpers/_visually-hidden.scss new file mode 100644 index 000000000..0a843d383 --- /dev/null +++ b/scss/helpers/_visually-hidden.scss @@ -0,0 +1,8 @@ +// +// Visually hidden +// + +.visually-hidden, +.visually-hidden-focusable:not(:focus) { + @include visually-hidden(); +} -- cgit v1.2.3