/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

102 votes228 views6 answers
@media query css
CSS
10 votes210 views2 answers
Css list items next to each other
CSS
7 votes211 views1 answer
Css remove blue outline button
CSS
1 vote199 views1 answer
Css element same line
CSS
0 vote215 views1 answer
Restore mySQL database from .bz2
CSS
-1 vote227 views1 answer
Css media query between two width
CSS
0 vote205 views1 answer
Details summary not open css
CSS
0 vote210 views1 answer
Compass font awesome
CSS
25 votes199 views4 answers
Remove outline
CSS
12 votes217 views6 answers
Wordpress enqueue script
CSS