/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

1 vote176 views1 answer
Css custom bullet list
CSS
0 vote181 views1 answer
Css filter img color etc
CSS
0 vote173 views1 answer
Html disable spin buttons on input type number
CSS
3 votes173 views2 answers
Css sass
CSS
1 vote184 views2 answers
Css select all immediate children
CSS
0 vote131 views2 answers
Transparent circle in css
CSS
0 vote172 views1 answer
How input field bottom shadow in css
CSS
27 votes166 views6 answers
Animation properties css
CSS
15 votes177 views3 answers
Image rotate with css
CSS
0 vote171 views1 answer
Table td css
CSS