/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 vote177 views1 answer
Laravel enum float
CSS
128 votes242 views5 answers
Randint
CSS
0 vote168 views1 answer
Scale up and scale down animation in css
CSS
196 votes489 views10 answers
Internet explorer
CSS
10 votes159 views2 answers
Line-height css
CSS
4 votes177 views3 answers
Background with image and gradient
CSS
1 vote185 views2 answers
How to make hr class bootstrap full width
CSS
8 votes186 views2 answers
Css border bottom
CSS
10 votes234 views4 answers
Bootstrap badges Links
CSS
1 vote177 views1 answer
How to prevent text from breaking css
CSS