/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 vote142 views1 answer
Css selector to change long bot description top.gg
CSS
0 vote140 views1 answer
Cd cover dimensions
CSS
2 votes146 views2 answers
Remove the glow in bootstrap input
CSS
0 vote168 views1 answer
Html css limit page to a4
CSS
0 vote135 views2 answers
Html overflow scroll only if needed with exemple
CSS
60 votes151 views6 answers
Center div horizontally and vertically
CSS
222 votes301 views6 answers
Bootstrap CSS CDN
CSS
0 vote167 views1 answer
Uninstall wine 6.0.1
CSS
0 vote141 views1 answer
How to make png smaller css
CSS
-1 vote145 views1 answer
Focus on input change label color
CSS