/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 vote192 views1 answer
Template html css bootstrap cdn
CSS
0 vote183 views1 answer
Css if select has value
CSS
3 votes220 views6 answers
Input disabled css
CSS
21 votes182 views2 answers
Remove focus border
CSS
1 vote181 views1 answer
-ms css
CSS
1 vote184 views1 answer
Is better use px or pt
CSS
0 vote190 views1 answer
Css chamfered corner
CSS
0 vote216 views1 answer
Datatables when filtering snaps to top of page
CSS
0 vote195 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
0 vote196 views1 answer
New statamic project
CSS