/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

0 vote227 views1 answer
Cl image tag width
CSS
20 votes204 views3 answers
Css text selection none
CSS
2 votes265 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote193 views1 answer
Awesome font google icon colored css
CSS
0 vote212 views2 answers
How to change jumbotron size
CSS
0 vote193 views2 answers
Sass if
CSS
0 vote204 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
0 vote213 views1 answer
Add quotes in quote css
CSS
0 vote187 views1 answer
Resetting Default Table Styles
CSS
0 vote200 views1 answer
Autoprefixer\
CSS