https://wiki.tiffa.net/w/index.php?action=history&feed=atom&title=Template%3AScreen_reader-only%2Fstyles.css 2026-04-06T08:28:25Z Revision history for this page on the wiki MediaWiki 1.43.0 https://wiki.tiffa.net/w/index.php?title=Template:Screen_reader-only/styles.css&diff=1315&oldid=prev 2022-11-09T22:40:26Z

<p></p> <p><b>New page</b></p><div>/* <br /> This implementation is from<br /> https://cloudfour.com/thinks/see-no-evil-hidden-content-and-accessibility/#showing-additional-content-for-screen-readers<br /> which is a slight tweak from https://accessibility.18f.gov/hidden-content/ .<br /> https://webaim.org/techniques/css/invisiblecontent/#techniques<br /> has slightly different CSS clip, rect (1px) for all dimensions.<br /> <br /> WARNING:<br /> <br /> Template:Frac and friends use this styles.css page and class directly rather<br /> than going through the template.<br /> <br /> */<br /> /* We retain .sr-only as the class name because it&#039;s used by the outside world. */<br /> .sr-only {<br /> border: 0;<br /> clip: rect(0, 0, 0, 0); /* Removed from CSS specification */<br /> /* clip-path is the replacement for clip, but very few browsers support it.<br /> TemplateStyles also doesn&#039;t currently support the property. */<br /> /* clip-path: polygon(0px 0px, 0px 0px, 0px 0px); */<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> white-space: nowrap;<br /> }</div>

imported>Fire