/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

5 votes215 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
0 vote220 views1 answer
Can we block onclick of button using css
CSS
0 vote191 views1 answer
An operation was attempted on something that is not a socket
CSS
1 vote176 views1 answer
Change color of mark tag in html
CSS
0 vote201 views1 answer
Video failing to scale with div css background
CSS
0 vote236 views2 answers
Blockquote quotation marks css
CSS
6 votes203 views2 answers
Css border opacity
CSS
0 vote184 views1 answer
Understanding 'space' in css selector
CSS
-2 votes209 views1 answer
How to add after psuedo class in html
CSS
126 votes208 views5 answers
React Bootstrap css import
CSS