https://jf-franken.de/index.php?action=history&feed=atom&title=Vorlage%3AScreen_reader-only%2Fstyles.cssVorlage:Screen reader-only/styles.css - Versionsgeschichte2026-04-25T19:32:45ZVersionsgeschichte dieser Seite in JF-FrankenMediaWiki 1.40.0https://jf-franken.de/index.php?title=Vorlage:Screen_reader-only/styles.css&diff=20023&oldid=prevEdvadmin: 1 Version importiert2025-11-25T10:28:31Z<p>1 Version importiert</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="de">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Version vom 25. November 2025, 11:28 Uhr</td>
</tr><tr><td colspan="2" class="diff-notice" lang="de"><div class="mw-diff-empty">(kein Unterschied)</div>
</td></tr></table>Edvadminhttps://jf-franken.de/index.php?title=Vorlage:Screen_reader-only/styles.css&diff=20022&oldid=prevTemplate:Sticky table start>TheDJ: use clip-path2023-05-02T13:29:59Z<p>use clip-path</p>
<p><b>Neue Seite</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'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>Template:Sticky table start>TheDJ