/CSS/Make text available only to screen reader

Make text available only to screen reader

.sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap; /* added line */
      border: 0;
}

Source: a11y-guidelines.orange.com

Similar codes

45 votes299 views3 answers
Collapse all code vscode
CSS
55 votes368 views5 answers
Bootstrap 3 button
CSS Bootstrap
-2 votes244 views1 answer
Add css dynamically in angular 6
CSS
0 vote269 views1 answer
Width not responding to css in table
CSS
5 votes246 views3 answers
How to make a linear gradient in css
CSS
3 votes266 views2 answers
Css sass
CSS
1 vote279 views1 answer
Input type date remove calendar icon
CSS
0 vote280 views2 answers
Get element with href css
CSS
29 votes292 views5 answers
Kill all ports
CSS
47 votes261 views6 answers
Css set text color
CSS