/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 vote393 views1 answer
Layer on top in javascript
CSS
5 votes410 views2 answers
Remove bootstrap button outline
CSS Bootstrap
0 vote377 views2 answers
Css how to stop screen from left and right
CSS
51 votes345 views5 answers
Css reset
CSS
0 vote370 views1 answer
Css dashed double border
CSS
8 votes391 views2 answers
Clearfix css
CSS
0 vote376 views1 answer
Css line-through with words
CSS
0 vote371 views1 answer
Override package css
CSS
0 vote362 views1 answer
Css flex bottom
CSS
0 vote355 views1 answer
How to make a width infinite and hidden using css
CSS