https://prdmc.ca/w/index.php?action=history&feed=atom&title=Template%3AScreen_reader-only%2Fstyles.css 2026-04-17T08:53:09Z Revision history for this page on the wiki MediaWiki 1.45.1 https://prdmc.ca/w/index.php?title=Template:Screen_reader-only/styles.css&diff=703&oldid=prev 2026-02-15T04:57:11Z

<p>1 revision imported</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 04:57, 15 February 2026</td> </tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr> <!-- diff cache key prd_wiki:diff:1.41:old-702:rev-703 --> </table>

RandomUser34 https://prdmc.ca/w/index.php?title=Template:Screen_reader-only/styles.css&diff=702&oldid=prev 2023-05-02T13:29:59Z

<p>use clip-path</p> <p><b>New page</b></p><div>/* {{pp-template}}<br /> <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:Fraction 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 /> 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>

wp>TheDJ