/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 vote273 views1 answer
Bootstrap-scss github
CSS
32 votes254 views6 answers
Animations css
CSS
63 votes271 views6 answers
Remove duplicate array es6
CSS
0 vote262 views1 answer
Overriding fullpage js anchor style
CSS
0 vote277 views2 answers
Pesudo content css break word
CSS
3 votes350 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote278 views1 answer
Css stretch font vertically
CSS
1 vote284 views1 answer
BEM example css
CSS
0 vote273 views1 answer
Centos 8 cron on reboot
CSS
0 vote272 views1 answer
Css ie11 only
CSS