/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

2 votes136 views1 answer
Css image to white
CSS
0 vote125 views1 answer
Html min width
CSS
1 vote146 views2 answers
Absolute vertical position css
CSS
3 votes122 views1 answer
Trash icon in fontawesome
CSS
3 votes127 views1 answer
Input backgound color
CSS
1 vote133 views3 answers
Tailwind npm
CSS
0 vote109 views1 answer
How to remove text highlight on double click
CSS
1 vote120 views1 answer
Css table grid
CSS
0 vote216 views2 answers
Materialize css for react
CSS Materialize
5 votes125 views1 answer
Hidden elements blinking on hover
CSS