/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

3 votes373 views2 answers
No border css
CSS
0 vote349 views1 answer
Css border-boz
CSS
1 vote355 views1 answer
How to change color of element when hovering over div
CSS
99 votes356 views2 answers
Css absolute in absolute
CSS
1 vote385 views2 answers
Zoom level in css
CSS
0 vote356 views1 answer
Lier class et css
CSS
8 votes419 views3 answers
Css max one line three dots
CSS
0 vote386 views1 answer
Css make a cell twice as big flexbox
CSS
2 votes472 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
6 votes337 views1 answer
How to center an hr
CSS