/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

6 votes307 views3 answers
Linear-gradient(top to bottom)
CSS
0 vote318 views1 answer
Padding bottom and top css in same ligne
CSS
0 vote328 views1 answer
Mat dialog background color
CSS
0 vote299 views1 answer
Bodyparser limit
CSS
1 vote303 views1 answer
Css @media measurements
CSS
0 vote354 views1 answer
Css Formes géométriques
CSS
8 votes326 views2 answers
Clearfix css
CSS
0 vote295 views1 answer
Css battle horizon answer
CSS
4 votes298 views1 answer
How to move anything left in css
CSS
3 votes317 views4 answers
Keep aspect ratio of image css
CSS