/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 vote111 views1 answer
Twig date modify
CSS
0 vote137 views1 answer
Z pos css
CSS
0 vote126 views1 answer
Create 2 separate CSS rules for the code below:
CSS
4 votes115 views2 answers
Css blink
CSS
-1 vote116 views3 answers
Scss
CSS
26 votes125 views10 answers
Bootstrap
CSS
11 votes105 views3 answers
Css selector color
CSS
4 votes126 views2 answers
Can we use material ui and tailwind css together
CSS
0 vote142 views1 answer
Underline css still there after text-decoration: none
CSS
15 votes117 views2 answers
Npm scss
CSS