/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 vote149 views1 answer
Media-queries
CSS
8 votes147 views2 answers
Css border bottom
CSS
1 vote145 views1 answer
Calculate min number in css
CSS
37 votes143 views2 answers
Css transform y
CSS
2 votes183 views1 answer
How to apply hover through inline css
CSS
3 votes158 views1 answer
Set svg background color css
CSS
21 votes982 views3 answers
How to create a circle with css
CSS
0 vote153 views1 answer
Html disable spin buttons on input type number
CSS
0 vote162 views1 answer
How to use purgecss with webpack mix laravel
CSS
0 vote145 views1 answer
Flexbox stretch
CSS