/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

21 votes244 views5 answers
Text-overflow: ellipsis 2 lines
CSS
4 votes225 views1 answer
Add shadows on an image css
CSS
0 vote221 views2 answers
How to define max number of character for a paragraph css
CSS
0 vote230 views1 answer
Css background image svg not showing
CSS
0 vote252 views1 answer
Media queries css wit logical operators
CSS
0 vote215 views3 answers
Image not rendering in tailwind css
CSS
0 vote226 views1 answer
Text-indent
CSS
0 vote226 views1 answer
Background effect css
CSS
-1 vote244 views1 answer
Option tag center
CSS
4 votes261 views2 answers
Css hex to rgb
CSS