/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 vote313 views1 answer
Image with colored background html css tigether
CSS
18 votes337 views8 answers
Vscode
CSS
107 votes347 views4 answers
How to add background shadow css
CSS
0 vote385 views1 answer
Css media query gist
CSS
-1 vote420 views2 answers
Insert image by css
CSS
5 votes337 views2 answers
How to make a diamond with border radius
CSS
0 vote332 views1 answer
How to add space inbetween lines in html
CSS
5 votes315 views1 answer
Roblox player died
CSS
1 vote322 views2 answers
Css block
CSS
1 vote316 views1 answer
Css erase text
CSS