/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

2 votes114 views1 answer
How to distribute vertically the items in css
CSS
100 votes106 views8 answers
Create react app
CSS
51 votes105 views4 answers
Css center horizontally
CSS
3 votes118 views1 answer
Css perfect box shadow
CSS
24 votes110 views6 answers
Background remover
CSS
0 vote97 views1 answer
Understanding '>' sign in css selector
CSS
0 vote101 views1 answer
Ignore default css for react Link
CSS
0 vote100 views1 answer
Css for floting input label
CSS
4 votes112 views1 answer
Make something unclickable css
CSS
0 vote95 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap