/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 vote207 views1 answer
How to take only part of an image css
CSS
7 votes187 views3 answers
Css animation infinite
CSS
0 vote207 views2 answers
Blockquote quotation marks css
CSS
8 votes221 views3 answers
Css change font awesome icon color
CSS
1 vote217 views3 answers
How to place a table in center in css
CSS
0 vote210 views2 answers
Css firefox remove scrollbar
CSS
1 vote200 views1 answer
Tzutc
CSS
0 vote207 views1 answer
Css nth child range
CSS
2 votes186 views5 answers
Figma
CSS
6 votes210 views4 answers
Backdrop filter css
CSS