/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 vote325 views2 answers
Border for text in html
CSS
0 vote324 views1 answer
Put light shadow around div
CSS
0 vote336 views1 answer
Fluorescent blue hex code
CSS
1 vote395 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
36 votes292 views6 answers
Css color
CSS
2 votes334 views2 answers
Css text to fit container
CSS
0 vote369 views2 answers
Preloader css
CSS
1 vote359 views1 answer
Reset id sequence postgres
CSS
17 votes341 views1 answer
Yarn start not working on windows because scripts disabled
CSS
3 votes343 views3 answers
Change br height
CSS