/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

38 votes161 views4 answers
Css pointer event
CSS
0 vote173 views1 answer
Css make background image repeat vertically
CSS
184 votes339 views6 answers
Css shadow border
CSS
9 votes162 views1 answer
Image background html css tricks
CSS
47 votes151 views6 answers
Css set text color
CSS
59 votes165 views6 answers
Remove underline from link css
CSS
1 vote142 views1 answer
Insert background image css error
CSS
0 vote166 views1 answer
Code to change size when hover effect
CSS
0 vote169 views2 answers
Clearfix
CSS
4 votes114 views3 answers
Css animation delay
CSS