Visually hidden
Accessible hide.
- Snippet
- CSS
- Ready to copy
.sr-only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
} Press ⌘ Return to copy.
About this template
Accessible hide.
- Category
- Code snippets
- Pack
- CSS
- Type
- Snippet, a short message
- Asks for
- Nothing, copy it as it is
Use it anywhere you write: email, chat, a document or a support tool. If you send it often, save the finished text as a snippet in ClipBuddy and paste it again from your clipboard history with ⌘⇧V.
Template source
The template as written, with its blanks in double braces, such as {{Name}}.
.sr-only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}