/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

0 vote152 views1 answer
Ul reset
CSS
0 vote145 views1 answer
Webpagetest.org header security fixing
CSS
21 votes130 views6 answers
Gradient image css
CSS
-1 vote129 views2 answers
Add sass to react
CSS
29 votes133 views2 answers
Scc chang the background color
CSS
0 vote148 views2 answers
Icon rounded corners css
CSS
0 vote130 views1 answer
3 line after dot in css
CSS
0 vote139 views2 answers
Sass variables across files
CSS
0 vote157 views1 answer
Css select having both classes
CSS
13 votes160 views2 answers
How to link a button to another page in css
CSS