/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 vote185 views1 answer
Get ssl certificate command line
CSS
1 vote182 views2 answers
Fit image in grid css
CSS
18 votes183 views8 answers
Vscode
CSS
1 vote178 views1 answer
Change color of mark tag in html
CSS
0 vote184 views2 answers
Html5 vs css3
CSS
126 votes177 views5 answers
React Bootstrap css import
CSS
0 vote171 views1 answer
How to fix the html on tablet movement
CSS
0 vote194 views1 answer
Transition all ease 0.3s
CSS
0 vote186 views1 answer
Svg image shadow css
CSS
1 vote172 views2 answers
Css scrollbar in div
CSS