/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 votes108 views2 answers
Why is my footer not at the bottom html
CSS
0 vote131 views1 answer
Css preloader, preload website screen
CSS
0 vote105 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
39 votes119 views2 answers
Css z index
CSS
9 votes102 views3 answers
Bootstrap badge color
CSS
29 votes119 views4 answers
Css box
CSS
79 votes129 views6 answers
Css media query
CSS
13 votes143 views6 answers
Tailwind center vertically
CSS
86 votes108 views3 answers
Css tekst bold
CSS
3 votes116 views4 answers
Keep aspect ratio of image css
CSS