/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

19 votes160 views2 answers
Css circle card
CSS
1 vote162 views1 answer
-webkit css
CSS
0 vote159 views1 answer
Wordpress page css not working
CSS
22 votes168 views6 answers
Font family css
CSS
0 vote114 views1 answer
Css flex fixed width
CSS
1 vote275 views1 answer
Sticky mat-toolbar
CSS
2 votes161 views2 answers
How to add box shadow to all sides css
CSS
0 vote187 views1 answer
Wordpress how to change logo on a certain page with css
CSS
0 vote167 views1 answer
@keyframes opact
CSS
34 votes177 views3 answers
Css blur background image only
CSS