/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 vote261 views1 answer
Css video background
CSS
7 votes182 views2 answers
Float center tailwind
CSS
0 vote169 views2 answers
Systemd on wsl2
CSS
0 vote199 views1 answer
Jpa select date format
CSS
1 vote180 views2 answers
Css block
CSS
16 votes214 views4 answers
How to make image a circle css
CSS
0 vote208 views3 answers
How to create collapsable using pure Javascript
CSS
9 votes178 views3 answers
Css grid repeat
CSS
3 votes177 views3 answers
Svg animation css
CSS
0 vote303 views1 answer
Css remove scrollbar from body
CSS