/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

5 votes247 views1 answer
Hidden elements blinking on hover
CSS
1 vote188 views1 answer
Ion-slider pagination color
CSS
44 votes272 views6 answers
Textarea disable resize
CSS
0 vote269 views1 answer
Css transparent background behind text
CSS
2 votes300 views1 answer
How to put a black overlay on a photo css
CSS
1 vote311 views1 answer
Make blinking cursor disappear css
CSS
8 votes261 views2 answers
Css change image width
CSS
0 vote248 views1 answer
Get element in list ocaml
CSS
1 vote230 views1 answer
Css media queries between two sizes
CSS
16 votes254 views4 answers
Arrow down css
CSS