/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

1 vote113 views2 answers
How to middle fixed element
CSS
0 vote60 views1 answer
How to remove horizontal scrollbar and yet allow vertical
CSS
0 vote109 views2 answers
Also define the standard property 'background-clip' for compatibility
CSS
0 vote117 views1 answer
Color transition time css
CSS
3 votes110 views1 answer
Add new class in tailwind css
CSS
0 vote99 views1 answer
Back button css
CSS
0 vote101 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
0 vote101 views1 answer
On frontend grivity form css not load
CSS
34 votes103 views4 answers
Hide element using css
CSS
0 vote109 views1 answer
Disable text higlighting css
CSS