/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

1 vote354 views1 answer
Css spread children horizontally
CSS
2 votes353 views1 answer
Bootstrap 5 auto darkmode 5
CSS
3 votes334 views1 answer
Css scrollbar position to bottom
CSS
0 vote355 views1 answer
Youtube css
CSS
4 votes355 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
222 votes607 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
2 votes402 views2 answers
Css display none transition
CSS
0 vote374 views1 answer
Css animation 3d effect
CSS
-1 vote400 views6 answers
How to comment in css
CSS
0 vote332 views1 answer
Veritical align inline-block checkbox element
CSS