css - How to hide any element from page only from Screenreader but not from page for normal users? -
how hide element page screenreader not page normal users?
i know these snippets want hide screen redaer not page visually. sscreen reader should skip hidden part.
/* hide both screenreaders , browsers css-discuss.incutio.com/wiki/screenreader_visibility */ .hidden { display: none; visibility: hidden; } /* hide visually, have available screenreaders www.webaim.org/techniques/css/invisiblecontent/ ; & j.mp/visuallyhidden ; */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* ie6, ie7 */ clip: rect(1px, 1px, 1px, 1px); } /* hide visually , screenreaders, maintain layout */ .invisible { visibility: hidden; }
use on element:
aria-hidden="true"
this displays element normal sighted users, doesn't read aloud screen reader.
Comments
Post a Comment