/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

93 votes166 views6 answers
Css center image in div
CSS
-1 vote148 views1 answer
Tachar texto css
CSS
0 vote265 views2 answers
Text decoration too long
CSS
3 votes170 views1 answer
Hover none in css
CSS
48 votes153 views3 answers
Font-size
CSS
2 votes149 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
2 votes146 views2 answers
Css glow on hover
CSS
11 votes156 views3 answers
Css poppins font
CSS
0 vote154 views2 answers
Adding font in nextjs
CSS
0 vote167 views1 answer
Como diminuir uma imagem em css
CSS