/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

162 votes325 views5 answers
Css shaddow
CSS
13 votes258 views1 answer
Remove style from link
CSS
0 vote213 views1 answer
How to add more animations in css
CSS
0 vote249 views1 answer
Bulk order pre cooked pasta
CSS
2 votes274 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote197 views2 answers
Laravel 7 css loading slow
CSS
3 votes223 views4 answers
Transparent button css
CSS
0 vote205 views1 answer
How to use css print page break with float
CSS
3 votes197 views3 answers
Change br height
CSS
99 votes236 views3 answers
Position property css
CSS