/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

111 votes327 views6 answers
Media query css
CSS
3 votes329 views4 answers
How to remove css from element using jquery
CSS
8 votes303 views6 answers
Aos css
CSS
0 vote278 views1 answer
Wordpress dashboard css broken
CSS
0 vote281 views1 answer
Css add space right
CSS
1 vote316 views1 answer
How to set the first column of the table in center in css
CSS
3 votes320 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
6 votes281 views6 answers
TAilwind css
CSS
6 votes341 views6 answers
Word break css
CSS
3 votes282 views2 answers
Css onclick change color
CSS