/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

94 votes119 views2 answers
Css code to make text bold
CSS
1 vote137 views1 answer
Ionchips scroll x
CSS
0 vote134 views1 answer
Css line-through color
CSS
0 vote125 views1 answer
Css invert text color
CSS
0 vote157 views2 answers
Fluid typography
CSS
2 votes130 views3 answers
Remove border css
CSS
1 vote138 views1 answer
Input start typing in the center
CSS
0 vote150 views1 answer
Css mobile friendly
CSS
7 votes135 views2 answers
Stick footer to bottom
CSS
12 votes131 views2 answers
How to center element in bulma
CSS